From 6b2e43125a0f0a7823b0c9949d18d7b665e7fb7e Mon Sep 17 00:00:00 2001
From: Dave Gandy <dave@davegandy.com>
Date: Sat, 9 Jan 2016 08:39:06 -0500
Subject: [PATCH] really fixing icon pages

---
 assets/font-awesome-4.5.0.zip          | Bin 550794 -> 550794 bytes
 icon/500px/index.html                  | 249 +++++++++++++++++++++++
 icon/adjust/index.html                 | 249 +++++++++++++++++++++++
 icon/adn/index.html                    | 249 +++++++++++++++++++++++
 icon/align-center/index.html           | 249 +++++++++++++++++++++++
 icon/align-justify/index.html          | 249 +++++++++++++++++++++++
 icon/align-left/index.html             | 249 +++++++++++++++++++++++
 icon/align-right/index.html            | 249 +++++++++++++++++++++++
 icon/amazon/index.html                 | 249 +++++++++++++++++++++++
 icon/ambulance/index.html              | 251 ++++++++++++++++++++++++
 icon/anchor/index.html                 | 249 +++++++++++++++++++++++
 icon/android/index.html                | 249 +++++++++++++++++++++++
 icon/angellist/index.html              | 249 +++++++++++++++++++++++
 icon/angle-double-down/index.html      | 249 +++++++++++++++++++++++
 icon/angle-double-left/index.html      | 249 +++++++++++++++++++++++
 icon/angle-double-right/index.html     | 249 +++++++++++++++++++++++
 icon/angle-double-up/index.html        | 249 +++++++++++++++++++++++
 icon/angle-down/index.html             | 249 +++++++++++++++++++++++
 icon/angle-left/index.html             | 249 +++++++++++++++++++++++
 icon/angle-right/index.html            | 249 +++++++++++++++++++++++
 icon/angle-up/index.html               | 249 +++++++++++++++++++++++
 icon/apple/index.html                  | 249 +++++++++++++++++++++++
 icon/archive/index.html                | 249 +++++++++++++++++++++++
 icon/area-chart/index.html             | 251 ++++++++++++++++++++++++
 icon/arrow-circle-down/index.html      | 249 +++++++++++++++++++++++
 icon/arrow-circle-left/index.html      | 249 +++++++++++++++++++++++
 icon/arrow-circle-o-down/index.html    | 249 +++++++++++++++++++++++
 icon/arrow-circle-o-left/index.html    | 249 +++++++++++++++++++++++
 icon/arrow-circle-o-right/index.html   | 249 +++++++++++++++++++++++
 icon/arrow-circle-o-up/index.html      | 249 +++++++++++++++++++++++
 icon/arrow-circle-right/index.html     | 249 +++++++++++++++++++++++
 icon/arrow-circle-up/index.html        | 249 +++++++++++++++++++++++
 icon/arrow-down/index.html             | 249 +++++++++++++++++++++++
 icon/arrow-left/index.html             | 249 +++++++++++++++++++++++
 icon/arrow-right/index.html            | 249 +++++++++++++++++++++++
 icon/arrow-up/index.html               | 249 +++++++++++++++++++++++
 icon/arrows-alt/index.html             | 251 ++++++++++++++++++++++++
 icon/arrows-h/index.html               | 251 ++++++++++++++++++++++++
 icon/arrows-v/index.html               | 251 ++++++++++++++++++++++++
 icon/arrows/index.html                 | 251 ++++++++++++++++++++++++
 icon/asterisk/index.html               | 249 +++++++++++++++++++++++
 icon/at/index.html                     | 249 +++++++++++++++++++++++
 icon/backward/index.html               | 249 +++++++++++++++++++++++
 icon/balance-scale/index.html          | 249 +++++++++++++++++++++++
 icon/ban/index.html                    | 249 +++++++++++++++++++++++
 icon/bar-chart/index.html              | 256 ++++++++++++++++++++++++
 icon/barcode/index.html                | 249 +++++++++++++++++++++++
 icon/bars/index.html                   | 256 ++++++++++++++++++++++++
 icon/battery-empty/index.html          | 254 ++++++++++++++++++++++++
 icon/battery-full/index.html           | 254 ++++++++++++++++++++++++
 icon/battery-half/index.html           | 254 ++++++++++++++++++++++++
 icon/battery-quarter/index.html        | 254 ++++++++++++++++++++++++
 icon/battery-three-quarters/index.html | 254 ++++++++++++++++++++++++
 icon/bed/index.html                    | 254 ++++++++++++++++++++++++
 icon/beer/index.html                   | 249 +++++++++++++++++++++++
 icon/behance-square/index.html         | 249 +++++++++++++++++++++++
 icon/behance/index.html                | 249 +++++++++++++++++++++++
 icon/bell-o/index.html                 | 249 +++++++++++++++++++++++
 icon/bell-slash-o/index.html           | 249 +++++++++++++++++++++++
 icon/bell-slash/index.html             | 249 +++++++++++++++++++++++
 icon/bell/index.html                   | 249 +++++++++++++++++++++++
 icon/bicycle/index.html                | 251 ++++++++++++++++++++++++
 icon/binoculars/index.html             | 249 +++++++++++++++++++++++
 icon/birthday-cake/index.html          | 249 +++++++++++++++++++++++
 icon/bitbucket-square/index.html       | 249 +++++++++++++++++++++++
 icon/bitbucket/index.html              | 249 +++++++++++++++++++++++
 icon/black-tie/index.html              | 249 +++++++++++++++++++++++
 icon/bluetooth-b/index.html            | 251 ++++++++++++++++++++++++
 icon/bluetooth/index.html              | 251 ++++++++++++++++++++++++
 icon/bold/index.html                   | 249 +++++++++++++++++++++++
 icon/bolt/index.html                   | 254 ++++++++++++++++++++++++
 icon/bomb/index.html                   | 249 +++++++++++++++++++++++
 icon/book/index.html                   | 249 +++++++++++++++++++++++
 icon/bookmark-o/index.html             | 249 +++++++++++++++++++++++
 icon/bookmark/index.html               | 249 +++++++++++++++++++++++
 icon/briefcase/index.html              | 249 +++++++++++++++++++++++
 icon/btc/index.html                    | 256 ++++++++++++++++++++++++
 icon/bug/index.html                    | 249 +++++++++++++++++++++++
 icon/building-o/index.html             | 249 +++++++++++++++++++++++
 icon/building/index.html               | 249 +++++++++++++++++++++++
 icon/bullhorn/index.html               | 249 +++++++++++++++++++++++
 icon/bullseye/index.html               | 249 +++++++++++++++++++++++
 icon/bus/index.html                    | 251 ++++++++++++++++++++++++
 icon/buysellads/index.html             | 249 +++++++++++++++++++++++
 icon/calculator/index.html             | 249 +++++++++++++++++++++++
 icon/calendar-check-o/index.html       | 249 +++++++++++++++++++++++
 icon/calendar-minus-o/index.html       | 249 +++++++++++++++++++++++
 icon/calendar-o/index.html             | 249 +++++++++++++++++++++++
 icon/calendar-plus-o/index.html        | 249 +++++++++++++++++++++++
 icon/calendar-times-o/index.html       | 249 +++++++++++++++++++++++
 icon/calendar/index.html               | 249 +++++++++++++++++++++++
 icon/camera-retro/index.html           | 249 +++++++++++++++++++++++
 icon/camera/index.html                 | 249 +++++++++++++++++++++++
 icon/car/index.html                    | 256 ++++++++++++++++++++++++
 icon/caret-down/index.html             | 249 +++++++++++++++++++++++
 icon/caret-left/index.html             | 249 +++++++++++++++++++++++
 icon/caret-right/index.html            | 249 +++++++++++++++++++++++
 icon/caret-square-o-down/index.html    | 256 ++++++++++++++++++++++++
 icon/caret-square-o-left/index.html    | 256 ++++++++++++++++++++++++
 icon/caret-square-o-right/index.html   | 256 ++++++++++++++++++++++++
 icon/caret-square-o-up/index.html      | 256 ++++++++++++++++++++++++
 icon/caret-up/index.html               | 249 +++++++++++++++++++++++
 icon/cart-arrow-down/index.html        | 249 +++++++++++++++++++++++
 icon/cart-plus/index.html              | 249 +++++++++++++++++++++++
 icon/cc-amex/index.html                | 251 ++++++++++++++++++++++++
 icon/cc-diners-club/index.html         | 251 ++++++++++++++++++++++++
 icon/cc-discover/index.html            | 251 ++++++++++++++++++++++++
 icon/cc-jcb/index.html                 | 251 ++++++++++++++++++++++++
 icon/cc-mastercard/index.html          | 251 ++++++++++++++++++++++++
 icon/cc-paypal/index.html              | 251 ++++++++++++++++++++++++
 icon/cc-stripe/index.html              | 251 ++++++++++++++++++++++++
 icon/cc-visa/index.html                | 251 ++++++++++++++++++++++++
 icon/cc/index.html                     | 249 +++++++++++++++++++++++
 icon/certificate/index.html            | 249 +++++++++++++++++++++++
 icon/chain-broken/index.html           | 254 ++++++++++++++++++++++++
 icon/check-circle-o/index.html         | 249 +++++++++++++++++++++++
 icon/check-circle/index.html           | 249 +++++++++++++++++++++++
 icon/check-square-o/index.html         | 251 ++++++++++++++++++++++++
 icon/check-square/index.html           | 251 ++++++++++++++++++++++++
 icon/check/index.html                  | 249 +++++++++++++++++++++++
 icon/chevron-circle-down/index.html    | 249 +++++++++++++++++++++++
 icon/chevron-circle-left/index.html    | 249 +++++++++++++++++++++++
 icon/chevron-circle-right/index.html   | 249 +++++++++++++++++++++++
 icon/chevron-circle-up/index.html      | 249 +++++++++++++++++++++++
 icon/chevron-down/index.html           | 249 +++++++++++++++++++++++
 icon/chevron-left/index.html           | 249 +++++++++++++++++++++++
 icon/chevron-right/index.html          | 249 +++++++++++++++++++++++
 icon/chevron-up/index.html             | 249 +++++++++++++++++++++++
 icon/child/index.html                  | 249 +++++++++++++++++++++++
 icon/chrome/index.html                 | 249 +++++++++++++++++++++++
 icon/circle-o-notch/index.html         | 251 ++++++++++++++++++++++++
 icon/circle-o/index.html               | 251 ++++++++++++++++++++++++
 icon/circle-thin/index.html            | 249 +++++++++++++++++++++++
 icon/circle/index.html                 | 251 ++++++++++++++++++++++++
 icon/clipboard/index.html              | 254 ++++++++++++++++++++++++
 icon/clock-o/index.html                | 249 +++++++++++++++++++++++
 icon/clone/index.html                  | 249 +++++++++++++++++++++++
 icon/cloud-download/index.html         | 249 +++++++++++++++++++++++
 icon/cloud-upload/index.html           | 249 +++++++++++++++++++++++
 icon/cloud/index.html                  | 249 +++++++++++++++++++++++
 icon/code-fork/index.html              | 249 +++++++++++++++++++++++
 icon/code/index.html                   | 249 +++++++++++++++++++++++
 icon/codepen/index.html                | 249 +++++++++++++++++++++++
 icon/codiepie/index.html               | 249 +++++++++++++++++++++++
 icon/coffee/index.html                 | 249 +++++++++++++++++++++++
 icon/cog/index.html                    | 256 ++++++++++++++++++++++++
 icon/cogs/index.html                   | 254 ++++++++++++++++++++++++
 icon/columns/index.html                | 249 +++++++++++++++++++++++
 icon/comment-o/index.html              | 249 +++++++++++++++++++++++
 icon/comment/index.html                | 249 +++++++++++++++++++++++
 icon/commenting-o/index.html           | 249 +++++++++++++++++++++++
 icon/commenting/index.html             | 249 +++++++++++++++++++++++
 icon/comments-o/index.html             | 249 +++++++++++++++++++++++
 icon/comments/index.html               | 249 +++++++++++++++++++++++
 icon/compass/index.html                | 249 +++++++++++++++++++++++
 icon/compress/index.html               | 249 +++++++++++++++++++++++
 icon/connectdevelop/index.html         | 249 +++++++++++++++++++++++
 icon/contao/index.html                 | 249 +++++++++++++++++++++++
 icon/copyright/index.html              | 249 +++++++++++++++++++++++
 icon/creative-commons/index.html       | 249 +++++++++++++++++++++++
 icon/credit-card-alt/index.html        | 251 ++++++++++++++++++++++++
 icon/credit-card/index.html            | 251 ++++++++++++++++++++++++
 icon/crop/index.html                   | 249 +++++++++++++++++++++++
 icon/crosshairs/index.html             | 249 +++++++++++++++++++++++
 icon/css3/index.html                   | 249 +++++++++++++++++++++++
 icon/cube/index.html                   | 249 +++++++++++++++++++++++
 icon/cubes/index.html                  | 249 +++++++++++++++++++++++
 icon/cutlery/index.html                | 249 +++++++++++++++++++++++
 icon/dashcube/index.html               | 249 +++++++++++++++++++++++
 icon/database/index.html               | 249 +++++++++++++++++++++++
 icon/delicious/index.html              | 249 +++++++++++++++++++++++
 icon/desktop/index.html                | 249 +++++++++++++++++++++++
 icon/deviantart/index.html             | 249 +++++++++++++++++++++++
 icon/diamond/index.html                | 249 +++++++++++++++++++++++
 icon/digg/index.html                   | 249 +++++++++++++++++++++++
 icon/dot-circle-o/index.html           | 251 ++++++++++++++++++++++++
 icon/download/index.html               | 249 +++++++++++++++++++++++
 icon/dribbble/index.html               | 249 +++++++++++++++++++++++
 icon/dropbox/index.html                | 249 +++++++++++++++++++++++
 icon/drupal/index.html                 | 249 +++++++++++++++++++++++
 icon/edge/index.html                   | 249 +++++++++++++++++++++++
 icon/eject/index.html                  | 249 +++++++++++++++++++++++
 icon/ellipsis-h/index.html             | 249 +++++++++++++++++++++++
 icon/ellipsis-v/index.html             | 249 +++++++++++++++++++++++
 icon/empire/index.html                 | 254 ++++++++++++++++++++++++
 icon/envelope-o/index.html             | 249 +++++++++++++++++++++++
 icon/envelope-square/index.html        | 249 +++++++++++++++++++++++
 icon/envelope/index.html               | 249 +++++++++++++++++++++++
 icon/eraser/index.html                 | 251 ++++++++++++++++++++++++
 icon/eur/index.html                    | 254 ++++++++++++++++++++++++
 icon/exchange/index.html               | 251 ++++++++++++++++++++++++
 icon/exclamation-circle/index.html     | 249 +++++++++++++++++++++++
 icon/exclamation-triangle/index.html   | 254 ++++++++++++++++++++++++
 icon/exclamation/index.html            | 249 +++++++++++++++++++++++
 icon/expand/index.html                 | 249 +++++++++++++++++++++++
 icon/expeditedssl/index.html           | 249 +++++++++++++++++++++++
 icon/external-link-square/index.html   | 249 +++++++++++++++++++++++
 icon/external-link/index.html          | 249 +++++++++++++++++++++++
 icon/eye-slash/index.html              | 249 +++++++++++++++++++++++
 icon/eye/index.html                    | 249 +++++++++++++++++++++++
 icon/eyedropper/index.html             | 249 +++++++++++++++++++++++
 icon/facebook-official/index.html      | 249 +++++++++++++++++++++++
 icon/facebook-square/index.html        | 249 +++++++++++++++++++++++
 icon/facebook/index.html               | 254 ++++++++++++++++++++++++
 icon/fast-backward/index.html          | 249 +++++++++++++++++++++++
 icon/fast-forward/index.html           | 249 +++++++++++++++++++++++
 icon/fax/index.html                    | 249 +++++++++++++++++++++++
 icon/female/index.html                 | 249 +++++++++++++++++++++++
 icon/fighter-jet/index.html            | 251 ++++++++++++++++++++++++
 icon/file-archive-o/index.html         | 256 ++++++++++++++++++++++++
 icon/file-audio-o/index.html           | 256 ++++++++++++++++++++++++
 icon/file-code-o/index.html            | 251 ++++++++++++++++++++++++
 icon/file-excel-o/index.html           | 251 ++++++++++++++++++++++++
 icon/file-image-o/index.html           | 258 ++++++++++++++++++++++++
 icon/file-o/index.html                 | 251 ++++++++++++++++++++++++
 icon/file-pdf-o/index.html             | 251 ++++++++++++++++++++++++
 icon/file-powerpoint-o/index.html      | 251 ++++++++++++++++++++++++
 icon/file-text-o/index.html            | 251 ++++++++++++++++++++++++
 icon/file-text/index.html              | 251 ++++++++++++++++++++++++
 icon/file-video-o/index.html           | 256 ++++++++++++++++++++++++
 icon/file-word-o/index.html            | 251 ++++++++++++++++++++++++
 icon/file/index.html                   | 251 ++++++++++++++++++++++++
 icon/files-o/index.html                | 254 ++++++++++++++++++++++++
 icon/film/index.html                   | 249 +++++++++++++++++++++++
 icon/filter/index.html                 | 249 +++++++++++++++++++++++
 icon/fire-extinguisher/index.html      | 249 +++++++++++++++++++++++
 icon/fire/index.html                   | 249 +++++++++++++++++++++++
 icon/firefox/index.html                | 249 +++++++++++++++++++++++
 icon/flag-checkered/index.html         | 249 +++++++++++++++++++++++
 icon/flag-o/index.html                 | 249 +++++++++++++++++++++++
 icon/flag/index.html                   | 249 +++++++++++++++++++++++
 icon/flask/index.html                  | 249 +++++++++++++++++++++++
 icon/flickr/index.html                 | 249 +++++++++++++++++++++++
 icon/floppy-o/index.html               | 254 ++++++++++++++++++++++++
 icon/folder-o/index.html               | 249 +++++++++++++++++++++++
 icon/folder-open-o/index.html          | 249 +++++++++++++++++++++++
 icon/folder-open/index.html            | 249 +++++++++++++++++++++++
 icon/folder/index.html                 | 249 +++++++++++++++++++++++
 icon/font/index.html                   | 249 +++++++++++++++++++++++
 icon/fonticons/index.html              | 249 +++++++++++++++++++++++
 icon/fort-awesome/index.html           | 249 +++++++++++++++++++++++
 icon/forumbee/index.html               | 249 +++++++++++++++++++++++
 icon/forward/index.html                | 249 +++++++++++++++++++++++
 icon/foursquare/index.html             | 249 +++++++++++++++++++++++
 icon/frown-o/index.html                | 249 +++++++++++++++++++++++
 icon/futbol-o/index.html               | 254 ++++++++++++++++++++++++
 icon/gamepad/index.html                | 249 +++++++++++++++++++++++
 icon/gavel/index.html                  | 254 ++++++++++++++++++++++++
 icon/gbp/index.html                    | 249 +++++++++++++++++++++++
 icon/genderless/index.html             | 249 +++++++++++++++++++++++
 icon/get-pocket/index.html             | 249 +++++++++++++++++++++++
 icon/gg-circle/index.html              | 251 ++++++++++++++++++++++++
 icon/gg/index.html                     | 251 ++++++++++++++++++++++++
 icon/gift/index.html                   | 249 +++++++++++++++++++++++
 icon/git-square/index.html             | 249 +++++++++++++++++++++++
 icon/git/index.html                    | 249 +++++++++++++++++++++++
 icon/github-alt/index.html             | 249 +++++++++++++++++++++++
 icon/github-square/index.html          | 249 +++++++++++++++++++++++
 icon/github/index.html                 | 249 +++++++++++++++++++++++
 icon/glass/index.html                  | 249 +++++++++++++++++++++++
 icon/globe/index.html                  | 249 +++++++++++++++++++++++
 icon/google-plus-square/index.html     | 249 +++++++++++++++++++++++
 icon/google-plus/index.html            | 249 +++++++++++++++++++++++
 icon/google-wallet/index.html          | 251 ++++++++++++++++++++++++
 icon/google/index.html                 | 249 +++++++++++++++++++++++
 icon/graduation-cap/index.html         | 254 ++++++++++++++++++++++++
 icon/gratipay/index.html               | 254 ++++++++++++++++++++++++
 icon/h-square/index.html               | 249 +++++++++++++++++++++++
 icon/hacker-news/index.html            | 256 ++++++++++++++++++++++++
 icon/hand-lizard-o/index.html          | 251 ++++++++++++++++++++++++
 icon/hand-o-down/index.html            | 251 ++++++++++++++++++++++++
 icon/hand-o-left/index.html            | 251 ++++++++++++++++++++++++
 icon/hand-o-right/index.html           | 251 ++++++++++++++++++++++++
 icon/hand-o-up/index.html              | 251 ++++++++++++++++++++++++
 icon/hand-paper-o/index.html           | 256 ++++++++++++++++++++++++
 icon/hand-peace-o/index.html           | 251 ++++++++++++++++++++++++
 icon/hand-pointer-o/index.html         | 251 ++++++++++++++++++++++++
 icon/hand-rock-o/index.html            | 256 ++++++++++++++++++++++++
 icon/hand-scissors-o/index.html        | 251 ++++++++++++++++++++++++
 icon/hand-spock-o/index.html           | 251 ++++++++++++++++++++++++
 icon/hashtag/index.html                | 249 +++++++++++++++++++++++
 icon/hdd-o/index.html                  | 249 +++++++++++++++++++++++
 icon/header/index.html                 | 249 +++++++++++++++++++++++
 icon/headphones/index.html             | 249 +++++++++++++++++++++++
 icon/heart-o/index.html                | 251 ++++++++++++++++++++++++
 icon/heart/index.html                  | 251 ++++++++++++++++++++++++
 icon/heartbeat/index.html              | 251 ++++++++++++++++++++++++
 icon/history/index.html                | 249 +++++++++++++++++++++++
 icon/home/index.html                   | 249 +++++++++++++++++++++++
 icon/hospital-o/index.html             | 249 +++++++++++++++++++++++
 icon/hourglass-end/index.html          | 254 ++++++++++++++++++++++++
 icon/hourglass-half/index.html         | 254 ++++++++++++++++++++++++
 icon/hourglass-o/index.html            | 249 +++++++++++++++++++++++
 icon/hourglass-start/index.html        | 254 ++++++++++++++++++++++++
 icon/hourglass/index.html              | 249 +++++++++++++++++++++++
 icon/houzz/index.html                  | 249 +++++++++++++++++++++++
 icon/html5/index.html                  | 249 +++++++++++++++++++++++
 icon/i-cursor/index.html               | 249 +++++++++++++++++++++++
 icon/ils/index.html                    | 256 ++++++++++++++++++++++++
 icon/inbox/index.html                  | 249 +++++++++++++++++++++++
 icon/indent/index.html                 | 249 +++++++++++++++++++++++
 icon/industry/index.html               | 249 +++++++++++++++++++++++
 icon/info-circle/index.html            | 249 +++++++++++++++++++++++
 icon/info/index.html                   | 249 +++++++++++++++++++++++
 icon/inr/index.html                    | 254 ++++++++++++++++++++++++
 icon/instagram/index.html              | 249 +++++++++++++++++++++++
 icon/internet-explorer/index.html      | 249 +++++++++++++++++++++++
 icon/ioxhost/index.html                | 249 +++++++++++++++++++++++
 icon/italic/index.html                 | 249 +++++++++++++++++++++++
 icon/joomla/index.html                 | 249 +++++++++++++++++++++++
 icon/jpy/index.html                    | 258 ++++++++++++++++++++++++
 icon/jsfiddle/index.html               | 249 +++++++++++++++++++++++
 icon/key/index.html                    | 249 +++++++++++++++++++++++
 icon/keyboard-o/index.html             | 249 +++++++++++++++++++++++
 icon/krw/index.html                    | 254 ++++++++++++++++++++++++
 icon/language/index.html               | 249 +++++++++++++++++++++++
 icon/laptop/index.html                 | 249 +++++++++++++++++++++++
 icon/lastfm-square/index.html          | 249 +++++++++++++++++++++++
 icon/lastfm/index.html                 | 249 +++++++++++++++++++++++
 icon/leaf/index.html                   | 249 +++++++++++++++++++++++
 icon/leanpub/index.html                | 249 +++++++++++++++++++++++
 icon/lemon-o/index.html                | 249 +++++++++++++++++++++++
 icon/level-down/index.html             | 249 +++++++++++++++++++++++
 icon/level-up/index.html               | 249 +++++++++++++++++++++++
 icon/life-ring/index.html              | 260 +++++++++++++++++++++++++
 icon/lightbulb-o/index.html            | 249 +++++++++++++++++++++++
 icon/line-chart/index.html             | 251 ++++++++++++++++++++++++
 icon/link/index.html                   | 254 ++++++++++++++++++++++++
 icon/linkedin-square/index.html        | 249 +++++++++++++++++++++++
 icon/linkedin/index.html               | 249 +++++++++++++++++++++++
 icon/linux/index.html                  | 249 +++++++++++++++++++++++
 icon/list-alt/index.html               | 249 +++++++++++++++++++++++
 icon/list-ol/index.html                | 249 +++++++++++++++++++++++
 icon/list-ul/index.html                | 249 +++++++++++++++++++++++
 icon/list/index.html                   | 249 +++++++++++++++++++++++
 icon/location-arrow/index.html         | 249 +++++++++++++++++++++++
 icon/lock/index.html                   | 249 +++++++++++++++++++++++
 icon/long-arrow-down/index.html        | 249 +++++++++++++++++++++++
 icon/long-arrow-left/index.html        | 249 +++++++++++++++++++++++
 icon/long-arrow-right/index.html       | 249 +++++++++++++++++++++++
 icon/long-arrow-up/index.html          | 249 +++++++++++++++++++++++
 icon/magic/index.html                  | 249 +++++++++++++++++++++++
 icon/magnet/index.html                 | 249 +++++++++++++++++++++++
 icon/male/index.html                   | 249 +++++++++++++++++++++++
 icon/map-marker/index.html             | 249 +++++++++++++++++++++++
 icon/map-o/index.html                  | 249 +++++++++++++++++++++++
 icon/map-pin/index.html                | 249 +++++++++++++++++++++++
 icon/map-signs/index.html              | 249 +++++++++++++++++++++++
 icon/map/index.html                    | 249 +++++++++++++++++++++++
 icon/mars-double/index.html            | 249 +++++++++++++++++++++++
 icon/mars-stroke-h/index.html          | 249 +++++++++++++++++++++++
 icon/mars-stroke-v/index.html          | 249 +++++++++++++++++++++++
 icon/mars-stroke/index.html            | 249 +++++++++++++++++++++++
 icon/mars/index.html                   | 249 +++++++++++++++++++++++
 icon/maxcdn/index.html                 | 249 +++++++++++++++++++++++
 icon/meanpath/index.html               | 249 +++++++++++++++++++++++
 icon/medium/index.html                 | 249 +++++++++++++++++++++++
 icon/medkit/index.html                 | 249 +++++++++++++++++++++++
 icon/meh-o/index.html                  | 249 +++++++++++++++++++++++
 icon/mercury/index.html                | 249 +++++++++++++++++++++++
 icon/microphone-slash/index.html       | 249 +++++++++++++++++++++++
 icon/microphone/index.html             | 249 +++++++++++++++++++++++
 icon/minus-circle/index.html           | 249 +++++++++++++++++++++++
 icon/minus-square-o/index.html         | 251 ++++++++++++++++++++++++
 icon/minus-square/index.html           | 251 ++++++++++++++++++++++++
 icon/minus/index.html                  | 249 +++++++++++++++++++++++
 icon/mixcloud/index.html               | 249 +++++++++++++++++++++++
 icon/mobile/index.html                 | 254 ++++++++++++++++++++++++
 icon/modx/index.html                   | 249 +++++++++++++++++++++++
 icon/money/index.html                  | 251 ++++++++++++++++++++++++
 icon/moon-o/index.html                 | 249 +++++++++++++++++++++++
 icon/motorcycle/index.html             | 251 ++++++++++++++++++++++++
 icon/mouse-pointer/index.html          | 249 +++++++++++++++++++++++
 icon/music/index.html                  | 249 +++++++++++++++++++++++
 icon/neuter/index.html                 | 249 +++++++++++++++++++++++
 icon/newspaper-o/index.html            | 249 +++++++++++++++++++++++
 icon/object-group/index.html           | 249 +++++++++++++++++++++++
 icon/object-ungroup/index.html         | 249 +++++++++++++++++++++++
 icon/odnoklassniki-square/index.html   | 249 +++++++++++++++++++++++
 icon/odnoklassniki/index.html          | 249 +++++++++++++++++++++++
 icon/opencart/index.html               | 249 +++++++++++++++++++++++
 icon/openid/index.html                 | 249 +++++++++++++++++++++++
 icon/opera/index.html                  | 249 +++++++++++++++++++++++
 icon/optin-monster/index.html          | 249 +++++++++++++++++++++++
 icon/outdent/index.html                | 254 ++++++++++++++++++++++++
 icon/pagelines/index.html              | 249 +++++++++++++++++++++++
 icon/paint-brush/index.html            | 249 +++++++++++++++++++++++
 icon/paper-plane-o/index.html          | 254 ++++++++++++++++++++++++
 icon/paper-plane/index.html            | 254 ++++++++++++++++++++++++
 icon/paperclip/index.html              | 249 +++++++++++++++++++++++
 icon/paragraph/index.html              | 249 +++++++++++++++++++++++
 icon/pause-circle-o/index.html         | 249 +++++++++++++++++++++++
 icon/pause-circle/index.html           | 249 +++++++++++++++++++++++
 icon/pause/index.html                  | 249 +++++++++++++++++++++++
 icon/paw/index.html                    | 249 +++++++++++++++++++++++
 icon/paypal/index.html                 | 251 ++++++++++++++++++++++++
 icon/pencil-square-o/index.html        | 254 ++++++++++++++++++++++++
 icon/pencil-square/index.html          | 249 +++++++++++++++++++++++
 icon/pencil/index.html                 | 249 +++++++++++++++++++++++
 icon/percent/index.html                | 249 +++++++++++++++++++++++
 icon/phone-square/index.html           | 249 +++++++++++++++++++++++
 icon/phone/index.html                  | 249 +++++++++++++++++++++++
 icon/picture-o/index.html              | 256 ++++++++++++++++++++++++
 icon/pie-chart/index.html              | 251 ++++++++++++++++++++++++
 icon/pied-piper-alt/index.html         | 249 +++++++++++++++++++++++
 icon/pied-piper/index.html             | 249 +++++++++++++++++++++++
 icon/pinterest-p/index.html            | 249 +++++++++++++++++++++++
 icon/pinterest-square/index.html       | 249 +++++++++++++++++++++++
 icon/pinterest/index.html              | 249 +++++++++++++++++++++++
 icon/plane/index.html                  | 251 ++++++++++++++++++++++++
 icon/play-circle-o/index.html          | 249 +++++++++++++++++++++++
 icon/play-circle/index.html            | 249 +++++++++++++++++++++++
 icon/play/index.html                   | 249 +++++++++++++++++++++++
 icon/plug/index.html                   | 249 +++++++++++++++++++++++
 icon/plus-circle/index.html            | 249 +++++++++++++++++++++++
 icon/plus-square-o/index.html          | 251 ++++++++++++++++++++++++
 icon/plus-square/index.html            | 253 ++++++++++++++++++++++++
 icon/plus/index.html                   | 249 +++++++++++++++++++++++
 icon/power-off/index.html              | 249 +++++++++++++++++++++++
 icon/print/index.html                  | 249 +++++++++++++++++++++++
 icon/product-hunt/index.html           | 249 +++++++++++++++++++++++
 icon/puzzle-piece/index.html           | 249 +++++++++++++++++++++++
 icon/qq/index.html                     | 249 +++++++++++++++++++++++
 icon/qrcode/index.html                 | 249 +++++++++++++++++++++++
 icon/question-circle/index.html        | 249 +++++++++++++++++++++++
 icon/question/index.html               | 249 +++++++++++++++++++++++
 icon/quote-left/index.html             | 249 +++++++++++++++++++++++
 icon/quote-right/index.html            | 249 +++++++++++++++++++++++
 icon/random/index.html                 | 251 ++++++++++++++++++++++++
 icon/rebel/index.html                  | 254 ++++++++++++++++++++++++
 icon/recycle/index.html                | 249 +++++++++++++++++++++++
 icon/reddit-alien/index.html           | 249 +++++++++++++++++++++++
 icon/reddit-square/index.html          | 249 +++++++++++++++++++++++
 icon/reddit/index.html                 | 249 +++++++++++++++++++++++
 icon/refresh/index.html                | 251 ++++++++++++++++++++++++
 icon/registered/index.html             | 249 +++++++++++++++++++++++
 icon/renren/index.html                 | 249 +++++++++++++++++++++++
 icon/repeat/index.html                 | 254 ++++++++++++++++++++++++
 icon/reply-all/index.html              | 254 ++++++++++++++++++++++++
 icon/reply/index.html                  | 254 ++++++++++++++++++++++++
 icon/retweet/index.html                | 249 +++++++++++++++++++++++
 icon/road/index.html                   | 249 +++++++++++++++++++++++
 icon/rocket/index.html                 | 251 ++++++++++++++++++++++++
 icon/rss-square/index.html             | 249 +++++++++++++++++++++++
 icon/rss/index.html                    | 254 ++++++++++++++++++++++++
 icon/rub/index.html                    | 256 ++++++++++++++++++++++++
 icon/safari/index.html                 | 249 +++++++++++++++++++++++
 icon/scissors/index.html               | 254 ++++++++++++++++++++++++
 icon/scribd/index.html                 | 249 +++++++++++++++++++++++
 icon/search-minus/index.html           | 249 +++++++++++++++++++++++
 icon/search-plus/index.html            | 249 +++++++++++++++++++++++
 icon/search/index.html                 | 249 +++++++++++++++++++++++
 icon/sellsy/index.html                 | 249 +++++++++++++++++++++++
 icon/server/index.html                 | 249 +++++++++++++++++++++++
 icon/share-alt-square/index.html       | 251 ++++++++++++++++++++++++
 icon/share-alt/index.html              | 251 ++++++++++++++++++++++++
 icon/share-square-o/index.html         | 249 +++++++++++++++++++++++
 icon/share-square/index.html           | 249 +++++++++++++++++++++++
 icon/share/index.html                  | 254 ++++++++++++++++++++++++
 icon/shield/index.html                 | 249 +++++++++++++++++++++++
 icon/ship/index.html                   | 251 ++++++++++++++++++++++++
 icon/shirtsinbulk/index.html           | 249 +++++++++++++++++++++++
 icon/shopping-bag/index.html           | 249 +++++++++++++++++++++++
 icon/shopping-basket/index.html        | 249 +++++++++++++++++++++++
 icon/shopping-cart/index.html          | 249 +++++++++++++++++++++++
 icon/sign-in/index.html                | 249 +++++++++++++++++++++++
 icon/sign-out/index.html               | 249 +++++++++++++++++++++++
 icon/signal/index.html                 | 249 +++++++++++++++++++++++
 icon/simplybuilt/index.html            | 249 +++++++++++++++++++++++
 icon/sitemap/index.html                | 249 +++++++++++++++++++++++
 icon/skyatlas/index.html               | 249 +++++++++++++++++++++++
 icon/skype/index.html                  | 249 +++++++++++++++++++++++
 icon/slack/index.html                  | 249 +++++++++++++++++++++++
 icon/sliders/index.html                | 249 +++++++++++++++++++++++
 icon/slideshare/index.html             | 249 +++++++++++++++++++++++
 icon/smile-o/index.html                | 249 +++++++++++++++++++++++
 icon/sort-alpha-asc/index.html         | 249 +++++++++++++++++++++++
 icon/sort-alpha-desc/index.html        | 249 +++++++++++++++++++++++
 icon/sort-amount-asc/index.html        | 249 +++++++++++++++++++++++
 icon/sort-amount-desc/index.html       | 249 +++++++++++++++++++++++
 icon/sort-asc/index.html               | 254 ++++++++++++++++++++++++
 icon/sort-desc/index.html              | 254 ++++++++++++++++++++++++
 icon/sort-numeric-asc/index.html       | 249 +++++++++++++++++++++++
 icon/sort-numeric-desc/index.html      | 249 +++++++++++++++++++++++
 icon/sort/index.html                   | 254 ++++++++++++++++++++++++
 icon/soundcloud/index.html             | 249 +++++++++++++++++++++++
 icon/space-shuttle/index.html          | 251 ++++++++++++++++++++++++
 icon/spinner/index.html                | 251 ++++++++++++++++++++++++
 icon/spoon/index.html                  | 249 +++++++++++++++++++++++
 icon/spotify/index.html                | 249 +++++++++++++++++++++++
 icon/square-o/index.html               | 251 ++++++++++++++++++++++++
 icon/square/index.html                 | 251 ++++++++++++++++++++++++
 icon/stack-exchange/index.html         | 249 +++++++++++++++++++++++
 icon/stack-overflow/index.html         | 249 +++++++++++++++++++++++
 icon/star-half-o/index.html            | 256 ++++++++++++++++++++++++
 icon/star-half/index.html              | 249 +++++++++++++++++++++++
 icon/star-o/index.html                 | 249 +++++++++++++++++++++++
 icon/star/index.html                   | 249 +++++++++++++++++++++++
 icon/steam-square/index.html           | 249 +++++++++++++++++++++++
 icon/steam/index.html                  | 249 +++++++++++++++++++++++
 icon/step-backward/index.html          | 249 +++++++++++++++++++++++
 icon/step-forward/index.html           | 249 +++++++++++++++++++++++
 icon/stethoscope/index.html            | 249 +++++++++++++++++++++++
 icon/sticky-note-o/index.html          | 249 +++++++++++++++++++++++
 icon/sticky-note/index.html            | 249 +++++++++++++++++++++++
 icon/stop-circle-o/index.html          | 249 +++++++++++++++++++++++
 icon/stop-circle/index.html            | 249 +++++++++++++++++++++++
 icon/stop/index.html                   | 249 +++++++++++++++++++++++
 icon/street-view/index.html            | 249 +++++++++++++++++++++++
 icon/strikethrough/index.html          | 249 +++++++++++++++++++++++
 icon/stumbleupon-circle/index.html     | 249 +++++++++++++++++++++++
 icon/stumbleupon/index.html            | 249 +++++++++++++++++++++++
 icon/subscript/index.html              | 249 +++++++++++++++++++++++
 icon/subway/index.html                 | 249 +++++++++++++++++++++++
 icon/suitcase/index.html               | 249 +++++++++++++++++++++++
 icon/sun-o/index.html                  | 249 +++++++++++++++++++++++
 icon/superscript/index.html            | 249 +++++++++++++++++++++++
 icon/table/index.html                  | 249 +++++++++++++++++++++++
 icon/tablet/index.html                 | 249 +++++++++++++++++++++++
 icon/tachometer/index.html             | 254 ++++++++++++++++++++++++
 icon/tag/index.html                    | 249 +++++++++++++++++++++++
 icon/tags/index.html                   | 249 +++++++++++++++++++++++
 icon/tasks/index.html                  | 249 +++++++++++++++++++++++
 icon/taxi/index.html                   | 256 ++++++++++++++++++++++++
 icon/television/index.html             | 254 ++++++++++++++++++++++++
 icon/tencent-weibo/index.html          | 249 +++++++++++++++++++++++
 icon/terminal/index.html               | 249 +++++++++++++++++++++++
 icon/text-height/index.html            | 249 +++++++++++++++++++++++
 icon/text-width/index.html             | 249 +++++++++++++++++++++++
 icon/th-large/index.html               | 249 +++++++++++++++++++++++
 icon/th-list/index.html                | 249 +++++++++++++++++++++++
 icon/th/index.html                     | 249 +++++++++++++++++++++++
 icon/thumb-tack/index.html             | 249 +++++++++++++++++++++++
 icon/thumbs-down/index.html            | 251 ++++++++++++++++++++++++
 icon/thumbs-o-down/index.html          | 251 ++++++++++++++++++++++++
 icon/thumbs-o-up/index.html            | 251 ++++++++++++++++++++++++
 icon/thumbs-up/index.html              | 251 ++++++++++++++++++++++++
 icon/ticket/index.html                 | 249 +++++++++++++++++++++++
 icon/times-circle-o/index.html         | 249 +++++++++++++++++++++++
 icon/times-circle/index.html           | 249 +++++++++++++++++++++++
 icon/times/index.html                  | 256 ++++++++++++++++++++++++
 icon/tint/index.html                   | 249 +++++++++++++++++++++++
 icon/toggle-off/index.html             | 249 +++++++++++++++++++++++
 icon/toggle-on/index.html              | 249 +++++++++++++++++++++++
 icon/trademark/index.html              | 249 +++++++++++++++++++++++
 icon/train/index.html                  | 249 +++++++++++++++++++++++
 icon/transgender-alt/index.html        | 249 +++++++++++++++++++++++
 icon/transgender/index.html            | 254 ++++++++++++++++++++++++
 icon/trash-o/index.html                | 249 +++++++++++++++++++++++
 icon/trash/index.html                  | 249 +++++++++++++++++++++++
 icon/tree/index.html                   | 249 +++++++++++++++++++++++
 icon/trello/index.html                 | 249 +++++++++++++++++++++++
 icon/tripadvisor/index.html            | 249 +++++++++++++++++++++++
 icon/trophy/index.html                 | 249 +++++++++++++++++++++++
 icon/truck/index.html                  | 251 ++++++++++++++++++++++++
 icon/try/index.html                    | 254 ++++++++++++++++++++++++
 icon/tty/index.html                    | 249 +++++++++++++++++++++++
 icon/tumblr-square/index.html          | 249 +++++++++++++++++++++++
 icon/tumblr/index.html                 | 249 +++++++++++++++++++++++
 icon/twitch/index.html                 | 249 +++++++++++++++++++++++
 icon/twitter-square/index.html         | 249 +++++++++++++++++++++++
 icon/twitter/index.html                | 249 +++++++++++++++++++++++
 icon/umbrella/index.html               | 249 +++++++++++++++++++++++
 icon/underline/index.html              | 249 +++++++++++++++++++++++
 icon/undo/index.html                   | 254 ++++++++++++++++++++++++
 icon/university/index.html             | 256 ++++++++++++++++++++++++
 icon/unlock-alt/index.html             | 249 +++++++++++++++++++++++
 icon/unlock/index.html                 | 249 +++++++++++++++++++++++
 icon/upload/index.html                 | 249 +++++++++++++++++++++++
 icon/usb/index.html                    | 249 +++++++++++++++++++++++
 icon/usd/index.html                    | 254 ++++++++++++++++++++++++
 icon/user-md/index.html                | 249 +++++++++++++++++++++++
 icon/user-plus/index.html              | 249 +++++++++++++++++++++++
 icon/user-secret/index.html            | 249 +++++++++++++++++++++++
 icon/user-times/index.html             | 249 +++++++++++++++++++++++
 icon/user/index.html                   | 249 +++++++++++++++++++++++
 icon/users/index.html                  | 254 ++++++++++++++++++++++++
 icon/venus-double/index.html           | 249 +++++++++++++++++++++++
 icon/venus-mars/index.html             | 249 +++++++++++++++++++++++
 icon/venus/index.html                  | 249 +++++++++++++++++++++++
 icon/viacoin/index.html                | 249 +++++++++++++++++++++++
 icon/video-camera/index.html           | 249 +++++++++++++++++++++++
 icon/vimeo-square/index.html           | 249 +++++++++++++++++++++++
 icon/vimeo/index.html                  | 249 +++++++++++++++++++++++
 icon/vine/index.html                   | 249 +++++++++++++++++++++++
 icon/vk/index.html                     | 249 +++++++++++++++++++++++
 icon/volume-down/index.html            | 249 +++++++++++++++++++++++
 icon/volume-off/index.html             | 249 +++++++++++++++++++++++
 icon/volume-up/index.html              | 249 +++++++++++++++++++++++
 icon/weibo/index.html                  | 249 +++++++++++++++++++++++
 icon/weixin/index.html                 | 254 ++++++++++++++++++++++++
 icon/whatsapp/index.html               | 249 +++++++++++++++++++++++
 icon/wheelchair/index.html             | 253 ++++++++++++++++++++++++
 icon/wifi/index.html                   | 249 +++++++++++++++++++++++
 icon/wikipedia-w/index.html            | 249 +++++++++++++++++++++++
 icon/windows/index.html                | 249 +++++++++++++++++++++++
 icon/wordpress/index.html              | 249 +++++++++++++++++++++++
 icon/wrench/index.html                 | 249 +++++++++++++++++++++++
 icon/xing-square/index.html            | 249 +++++++++++++++++++++++
 icon/xing/index.html                   | 249 +++++++++++++++++++++++
 icon/y-combinator/index.html           | 254 ++++++++++++++++++++++++
 icon/yahoo/index.html                  | 249 +++++++++++++++++++++++
 icon/yelp/index.html                   | 249 +++++++++++++++++++++++
 icon/youtube-play/index.html           | 251 ++++++++++++++++++++++++
 icon/youtube-square/index.html         | 249 +++++++++++++++++++++++
 icon/youtube/index.html                | 249 +++++++++++++++++++++++
 606 files changed, 151242 insertions(+)
 create mode 100644 icon/500px/index.html
 create mode 100644 icon/adjust/index.html
 create mode 100644 icon/adn/index.html
 create mode 100644 icon/align-center/index.html
 create mode 100644 icon/align-justify/index.html
 create mode 100644 icon/align-left/index.html
 create mode 100644 icon/align-right/index.html
 create mode 100644 icon/amazon/index.html
 create mode 100644 icon/ambulance/index.html
 create mode 100644 icon/anchor/index.html
 create mode 100644 icon/android/index.html
 create mode 100644 icon/angellist/index.html
 create mode 100644 icon/angle-double-down/index.html
 create mode 100644 icon/angle-double-left/index.html
 create mode 100644 icon/angle-double-right/index.html
 create mode 100644 icon/angle-double-up/index.html
 create mode 100644 icon/angle-down/index.html
 create mode 100644 icon/angle-left/index.html
 create mode 100644 icon/angle-right/index.html
 create mode 100644 icon/angle-up/index.html
 create mode 100644 icon/apple/index.html
 create mode 100644 icon/archive/index.html
 create mode 100644 icon/area-chart/index.html
 create mode 100644 icon/arrow-circle-down/index.html
 create mode 100644 icon/arrow-circle-left/index.html
 create mode 100644 icon/arrow-circle-o-down/index.html
 create mode 100644 icon/arrow-circle-o-left/index.html
 create mode 100644 icon/arrow-circle-o-right/index.html
 create mode 100644 icon/arrow-circle-o-up/index.html
 create mode 100644 icon/arrow-circle-right/index.html
 create mode 100644 icon/arrow-circle-up/index.html
 create mode 100644 icon/arrow-down/index.html
 create mode 100644 icon/arrow-left/index.html
 create mode 100644 icon/arrow-right/index.html
 create mode 100644 icon/arrow-up/index.html
 create mode 100644 icon/arrows-alt/index.html
 create mode 100644 icon/arrows-h/index.html
 create mode 100644 icon/arrows-v/index.html
 create mode 100644 icon/arrows/index.html
 create mode 100644 icon/asterisk/index.html
 create mode 100644 icon/at/index.html
 create mode 100644 icon/backward/index.html
 create mode 100644 icon/balance-scale/index.html
 create mode 100644 icon/ban/index.html
 create mode 100644 icon/bar-chart/index.html
 create mode 100644 icon/barcode/index.html
 create mode 100644 icon/bars/index.html
 create mode 100644 icon/battery-empty/index.html
 create mode 100644 icon/battery-full/index.html
 create mode 100644 icon/battery-half/index.html
 create mode 100644 icon/battery-quarter/index.html
 create mode 100644 icon/battery-three-quarters/index.html
 create mode 100644 icon/bed/index.html
 create mode 100644 icon/beer/index.html
 create mode 100644 icon/behance-square/index.html
 create mode 100644 icon/behance/index.html
 create mode 100644 icon/bell-o/index.html
 create mode 100644 icon/bell-slash-o/index.html
 create mode 100644 icon/bell-slash/index.html
 create mode 100644 icon/bell/index.html
 create mode 100644 icon/bicycle/index.html
 create mode 100644 icon/binoculars/index.html
 create mode 100644 icon/birthday-cake/index.html
 create mode 100644 icon/bitbucket-square/index.html
 create mode 100644 icon/bitbucket/index.html
 create mode 100644 icon/black-tie/index.html
 create mode 100644 icon/bluetooth-b/index.html
 create mode 100644 icon/bluetooth/index.html
 create mode 100644 icon/bold/index.html
 create mode 100644 icon/bolt/index.html
 create mode 100644 icon/bomb/index.html
 create mode 100644 icon/book/index.html
 create mode 100644 icon/bookmark-o/index.html
 create mode 100644 icon/bookmark/index.html
 create mode 100644 icon/briefcase/index.html
 create mode 100644 icon/btc/index.html
 create mode 100644 icon/bug/index.html
 create mode 100644 icon/building-o/index.html
 create mode 100644 icon/building/index.html
 create mode 100644 icon/bullhorn/index.html
 create mode 100644 icon/bullseye/index.html
 create mode 100644 icon/bus/index.html
 create mode 100644 icon/buysellads/index.html
 create mode 100644 icon/calculator/index.html
 create mode 100644 icon/calendar-check-o/index.html
 create mode 100644 icon/calendar-minus-o/index.html
 create mode 100644 icon/calendar-o/index.html
 create mode 100644 icon/calendar-plus-o/index.html
 create mode 100644 icon/calendar-times-o/index.html
 create mode 100644 icon/calendar/index.html
 create mode 100644 icon/camera-retro/index.html
 create mode 100644 icon/camera/index.html
 create mode 100644 icon/car/index.html
 create mode 100644 icon/caret-down/index.html
 create mode 100644 icon/caret-left/index.html
 create mode 100644 icon/caret-right/index.html
 create mode 100644 icon/caret-square-o-down/index.html
 create mode 100644 icon/caret-square-o-left/index.html
 create mode 100644 icon/caret-square-o-right/index.html
 create mode 100644 icon/caret-square-o-up/index.html
 create mode 100644 icon/caret-up/index.html
 create mode 100644 icon/cart-arrow-down/index.html
 create mode 100644 icon/cart-plus/index.html
 create mode 100644 icon/cc-amex/index.html
 create mode 100644 icon/cc-diners-club/index.html
 create mode 100644 icon/cc-discover/index.html
 create mode 100644 icon/cc-jcb/index.html
 create mode 100644 icon/cc-mastercard/index.html
 create mode 100644 icon/cc-paypal/index.html
 create mode 100644 icon/cc-stripe/index.html
 create mode 100644 icon/cc-visa/index.html
 create mode 100644 icon/cc/index.html
 create mode 100644 icon/certificate/index.html
 create mode 100644 icon/chain-broken/index.html
 create mode 100644 icon/check-circle-o/index.html
 create mode 100644 icon/check-circle/index.html
 create mode 100644 icon/check-square-o/index.html
 create mode 100644 icon/check-square/index.html
 create mode 100644 icon/check/index.html
 create mode 100644 icon/chevron-circle-down/index.html
 create mode 100644 icon/chevron-circle-left/index.html
 create mode 100644 icon/chevron-circle-right/index.html
 create mode 100644 icon/chevron-circle-up/index.html
 create mode 100644 icon/chevron-down/index.html
 create mode 100644 icon/chevron-left/index.html
 create mode 100644 icon/chevron-right/index.html
 create mode 100644 icon/chevron-up/index.html
 create mode 100644 icon/child/index.html
 create mode 100644 icon/chrome/index.html
 create mode 100644 icon/circle-o-notch/index.html
 create mode 100644 icon/circle-o/index.html
 create mode 100644 icon/circle-thin/index.html
 create mode 100644 icon/circle/index.html
 create mode 100644 icon/clipboard/index.html
 create mode 100644 icon/clock-o/index.html
 create mode 100644 icon/clone/index.html
 create mode 100644 icon/cloud-download/index.html
 create mode 100644 icon/cloud-upload/index.html
 create mode 100644 icon/cloud/index.html
 create mode 100644 icon/code-fork/index.html
 create mode 100644 icon/code/index.html
 create mode 100644 icon/codepen/index.html
 create mode 100644 icon/codiepie/index.html
 create mode 100644 icon/coffee/index.html
 create mode 100644 icon/cog/index.html
 create mode 100644 icon/cogs/index.html
 create mode 100644 icon/columns/index.html
 create mode 100644 icon/comment-o/index.html
 create mode 100644 icon/comment/index.html
 create mode 100644 icon/commenting-o/index.html
 create mode 100644 icon/commenting/index.html
 create mode 100644 icon/comments-o/index.html
 create mode 100644 icon/comments/index.html
 create mode 100644 icon/compass/index.html
 create mode 100644 icon/compress/index.html
 create mode 100644 icon/connectdevelop/index.html
 create mode 100644 icon/contao/index.html
 create mode 100644 icon/copyright/index.html
 create mode 100644 icon/creative-commons/index.html
 create mode 100644 icon/credit-card-alt/index.html
 create mode 100644 icon/credit-card/index.html
 create mode 100644 icon/crop/index.html
 create mode 100644 icon/crosshairs/index.html
 create mode 100644 icon/css3/index.html
 create mode 100644 icon/cube/index.html
 create mode 100644 icon/cubes/index.html
 create mode 100644 icon/cutlery/index.html
 create mode 100644 icon/dashcube/index.html
 create mode 100644 icon/database/index.html
 create mode 100644 icon/delicious/index.html
 create mode 100644 icon/desktop/index.html
 create mode 100644 icon/deviantart/index.html
 create mode 100644 icon/diamond/index.html
 create mode 100644 icon/digg/index.html
 create mode 100644 icon/dot-circle-o/index.html
 create mode 100644 icon/download/index.html
 create mode 100644 icon/dribbble/index.html
 create mode 100644 icon/dropbox/index.html
 create mode 100644 icon/drupal/index.html
 create mode 100644 icon/edge/index.html
 create mode 100644 icon/eject/index.html
 create mode 100644 icon/ellipsis-h/index.html
 create mode 100644 icon/ellipsis-v/index.html
 create mode 100644 icon/empire/index.html
 create mode 100644 icon/envelope-o/index.html
 create mode 100644 icon/envelope-square/index.html
 create mode 100644 icon/envelope/index.html
 create mode 100644 icon/eraser/index.html
 create mode 100644 icon/eur/index.html
 create mode 100644 icon/exchange/index.html
 create mode 100644 icon/exclamation-circle/index.html
 create mode 100644 icon/exclamation-triangle/index.html
 create mode 100644 icon/exclamation/index.html
 create mode 100644 icon/expand/index.html
 create mode 100644 icon/expeditedssl/index.html
 create mode 100644 icon/external-link-square/index.html
 create mode 100644 icon/external-link/index.html
 create mode 100644 icon/eye-slash/index.html
 create mode 100644 icon/eye/index.html
 create mode 100644 icon/eyedropper/index.html
 create mode 100644 icon/facebook-official/index.html
 create mode 100644 icon/facebook-square/index.html
 create mode 100644 icon/facebook/index.html
 create mode 100644 icon/fast-backward/index.html
 create mode 100644 icon/fast-forward/index.html
 create mode 100644 icon/fax/index.html
 create mode 100644 icon/female/index.html
 create mode 100644 icon/fighter-jet/index.html
 create mode 100644 icon/file-archive-o/index.html
 create mode 100644 icon/file-audio-o/index.html
 create mode 100644 icon/file-code-o/index.html
 create mode 100644 icon/file-excel-o/index.html
 create mode 100644 icon/file-image-o/index.html
 create mode 100644 icon/file-o/index.html
 create mode 100644 icon/file-pdf-o/index.html
 create mode 100644 icon/file-powerpoint-o/index.html
 create mode 100644 icon/file-text-o/index.html
 create mode 100644 icon/file-text/index.html
 create mode 100644 icon/file-video-o/index.html
 create mode 100644 icon/file-word-o/index.html
 create mode 100644 icon/file/index.html
 create mode 100644 icon/files-o/index.html
 create mode 100644 icon/film/index.html
 create mode 100644 icon/filter/index.html
 create mode 100644 icon/fire-extinguisher/index.html
 create mode 100644 icon/fire/index.html
 create mode 100644 icon/firefox/index.html
 create mode 100644 icon/flag-checkered/index.html
 create mode 100644 icon/flag-o/index.html
 create mode 100644 icon/flag/index.html
 create mode 100644 icon/flask/index.html
 create mode 100644 icon/flickr/index.html
 create mode 100644 icon/floppy-o/index.html
 create mode 100644 icon/folder-o/index.html
 create mode 100644 icon/folder-open-o/index.html
 create mode 100644 icon/folder-open/index.html
 create mode 100644 icon/folder/index.html
 create mode 100644 icon/font/index.html
 create mode 100644 icon/fonticons/index.html
 create mode 100644 icon/fort-awesome/index.html
 create mode 100644 icon/forumbee/index.html
 create mode 100644 icon/forward/index.html
 create mode 100644 icon/foursquare/index.html
 create mode 100644 icon/frown-o/index.html
 create mode 100644 icon/futbol-o/index.html
 create mode 100644 icon/gamepad/index.html
 create mode 100644 icon/gavel/index.html
 create mode 100644 icon/gbp/index.html
 create mode 100644 icon/genderless/index.html
 create mode 100644 icon/get-pocket/index.html
 create mode 100644 icon/gg-circle/index.html
 create mode 100644 icon/gg/index.html
 create mode 100644 icon/gift/index.html
 create mode 100644 icon/git-square/index.html
 create mode 100644 icon/git/index.html
 create mode 100644 icon/github-alt/index.html
 create mode 100644 icon/github-square/index.html
 create mode 100644 icon/github/index.html
 create mode 100644 icon/glass/index.html
 create mode 100644 icon/globe/index.html
 create mode 100644 icon/google-plus-square/index.html
 create mode 100644 icon/google-plus/index.html
 create mode 100644 icon/google-wallet/index.html
 create mode 100644 icon/google/index.html
 create mode 100644 icon/graduation-cap/index.html
 create mode 100644 icon/gratipay/index.html
 create mode 100644 icon/h-square/index.html
 create mode 100644 icon/hacker-news/index.html
 create mode 100644 icon/hand-lizard-o/index.html
 create mode 100644 icon/hand-o-down/index.html
 create mode 100644 icon/hand-o-left/index.html
 create mode 100644 icon/hand-o-right/index.html
 create mode 100644 icon/hand-o-up/index.html
 create mode 100644 icon/hand-paper-o/index.html
 create mode 100644 icon/hand-peace-o/index.html
 create mode 100644 icon/hand-pointer-o/index.html
 create mode 100644 icon/hand-rock-o/index.html
 create mode 100644 icon/hand-scissors-o/index.html
 create mode 100644 icon/hand-spock-o/index.html
 create mode 100644 icon/hashtag/index.html
 create mode 100644 icon/hdd-o/index.html
 create mode 100644 icon/header/index.html
 create mode 100644 icon/headphones/index.html
 create mode 100644 icon/heart-o/index.html
 create mode 100644 icon/heart/index.html
 create mode 100644 icon/heartbeat/index.html
 create mode 100644 icon/history/index.html
 create mode 100644 icon/home/index.html
 create mode 100644 icon/hospital-o/index.html
 create mode 100644 icon/hourglass-end/index.html
 create mode 100644 icon/hourglass-half/index.html
 create mode 100644 icon/hourglass-o/index.html
 create mode 100644 icon/hourglass-start/index.html
 create mode 100644 icon/hourglass/index.html
 create mode 100644 icon/houzz/index.html
 create mode 100644 icon/html5/index.html
 create mode 100644 icon/i-cursor/index.html
 create mode 100644 icon/ils/index.html
 create mode 100644 icon/inbox/index.html
 create mode 100644 icon/indent/index.html
 create mode 100644 icon/industry/index.html
 create mode 100644 icon/info-circle/index.html
 create mode 100644 icon/info/index.html
 create mode 100644 icon/inr/index.html
 create mode 100644 icon/instagram/index.html
 create mode 100644 icon/internet-explorer/index.html
 create mode 100644 icon/ioxhost/index.html
 create mode 100644 icon/italic/index.html
 create mode 100644 icon/joomla/index.html
 create mode 100644 icon/jpy/index.html
 create mode 100644 icon/jsfiddle/index.html
 create mode 100644 icon/key/index.html
 create mode 100644 icon/keyboard-o/index.html
 create mode 100644 icon/krw/index.html
 create mode 100644 icon/language/index.html
 create mode 100644 icon/laptop/index.html
 create mode 100644 icon/lastfm-square/index.html
 create mode 100644 icon/lastfm/index.html
 create mode 100644 icon/leaf/index.html
 create mode 100644 icon/leanpub/index.html
 create mode 100644 icon/lemon-o/index.html
 create mode 100644 icon/level-down/index.html
 create mode 100644 icon/level-up/index.html
 create mode 100644 icon/life-ring/index.html
 create mode 100644 icon/lightbulb-o/index.html
 create mode 100644 icon/line-chart/index.html
 create mode 100644 icon/link/index.html
 create mode 100644 icon/linkedin-square/index.html
 create mode 100644 icon/linkedin/index.html
 create mode 100644 icon/linux/index.html
 create mode 100644 icon/list-alt/index.html
 create mode 100644 icon/list-ol/index.html
 create mode 100644 icon/list-ul/index.html
 create mode 100644 icon/list/index.html
 create mode 100644 icon/location-arrow/index.html
 create mode 100644 icon/lock/index.html
 create mode 100644 icon/long-arrow-down/index.html
 create mode 100644 icon/long-arrow-left/index.html
 create mode 100644 icon/long-arrow-right/index.html
 create mode 100644 icon/long-arrow-up/index.html
 create mode 100644 icon/magic/index.html
 create mode 100644 icon/magnet/index.html
 create mode 100644 icon/male/index.html
 create mode 100644 icon/map-marker/index.html
 create mode 100644 icon/map-o/index.html
 create mode 100644 icon/map-pin/index.html
 create mode 100644 icon/map-signs/index.html
 create mode 100644 icon/map/index.html
 create mode 100644 icon/mars-double/index.html
 create mode 100644 icon/mars-stroke-h/index.html
 create mode 100644 icon/mars-stroke-v/index.html
 create mode 100644 icon/mars-stroke/index.html
 create mode 100644 icon/mars/index.html
 create mode 100644 icon/maxcdn/index.html
 create mode 100644 icon/meanpath/index.html
 create mode 100644 icon/medium/index.html
 create mode 100644 icon/medkit/index.html
 create mode 100644 icon/meh-o/index.html
 create mode 100644 icon/mercury/index.html
 create mode 100644 icon/microphone-slash/index.html
 create mode 100644 icon/microphone/index.html
 create mode 100644 icon/minus-circle/index.html
 create mode 100644 icon/minus-square-o/index.html
 create mode 100644 icon/minus-square/index.html
 create mode 100644 icon/minus/index.html
 create mode 100644 icon/mixcloud/index.html
 create mode 100644 icon/mobile/index.html
 create mode 100644 icon/modx/index.html
 create mode 100644 icon/money/index.html
 create mode 100644 icon/moon-o/index.html
 create mode 100644 icon/motorcycle/index.html
 create mode 100644 icon/mouse-pointer/index.html
 create mode 100644 icon/music/index.html
 create mode 100644 icon/neuter/index.html
 create mode 100644 icon/newspaper-o/index.html
 create mode 100644 icon/object-group/index.html
 create mode 100644 icon/object-ungroup/index.html
 create mode 100644 icon/odnoklassniki-square/index.html
 create mode 100644 icon/odnoklassniki/index.html
 create mode 100644 icon/opencart/index.html
 create mode 100644 icon/openid/index.html
 create mode 100644 icon/opera/index.html
 create mode 100644 icon/optin-monster/index.html
 create mode 100644 icon/outdent/index.html
 create mode 100644 icon/pagelines/index.html
 create mode 100644 icon/paint-brush/index.html
 create mode 100644 icon/paper-plane-o/index.html
 create mode 100644 icon/paper-plane/index.html
 create mode 100644 icon/paperclip/index.html
 create mode 100644 icon/paragraph/index.html
 create mode 100644 icon/pause-circle-o/index.html
 create mode 100644 icon/pause-circle/index.html
 create mode 100644 icon/pause/index.html
 create mode 100644 icon/paw/index.html
 create mode 100644 icon/paypal/index.html
 create mode 100644 icon/pencil-square-o/index.html
 create mode 100644 icon/pencil-square/index.html
 create mode 100644 icon/pencil/index.html
 create mode 100644 icon/percent/index.html
 create mode 100644 icon/phone-square/index.html
 create mode 100644 icon/phone/index.html
 create mode 100644 icon/picture-o/index.html
 create mode 100644 icon/pie-chart/index.html
 create mode 100644 icon/pied-piper-alt/index.html
 create mode 100644 icon/pied-piper/index.html
 create mode 100644 icon/pinterest-p/index.html
 create mode 100644 icon/pinterest-square/index.html
 create mode 100644 icon/pinterest/index.html
 create mode 100644 icon/plane/index.html
 create mode 100644 icon/play-circle-o/index.html
 create mode 100644 icon/play-circle/index.html
 create mode 100644 icon/play/index.html
 create mode 100644 icon/plug/index.html
 create mode 100644 icon/plus-circle/index.html
 create mode 100644 icon/plus-square-o/index.html
 create mode 100644 icon/plus-square/index.html
 create mode 100644 icon/plus/index.html
 create mode 100644 icon/power-off/index.html
 create mode 100644 icon/print/index.html
 create mode 100644 icon/product-hunt/index.html
 create mode 100644 icon/puzzle-piece/index.html
 create mode 100644 icon/qq/index.html
 create mode 100644 icon/qrcode/index.html
 create mode 100644 icon/question-circle/index.html
 create mode 100644 icon/question/index.html
 create mode 100644 icon/quote-left/index.html
 create mode 100644 icon/quote-right/index.html
 create mode 100644 icon/random/index.html
 create mode 100644 icon/rebel/index.html
 create mode 100644 icon/recycle/index.html
 create mode 100644 icon/reddit-alien/index.html
 create mode 100644 icon/reddit-square/index.html
 create mode 100644 icon/reddit/index.html
 create mode 100644 icon/refresh/index.html
 create mode 100644 icon/registered/index.html
 create mode 100644 icon/renren/index.html
 create mode 100644 icon/repeat/index.html
 create mode 100644 icon/reply-all/index.html
 create mode 100644 icon/reply/index.html
 create mode 100644 icon/retweet/index.html
 create mode 100644 icon/road/index.html
 create mode 100644 icon/rocket/index.html
 create mode 100644 icon/rss-square/index.html
 create mode 100644 icon/rss/index.html
 create mode 100644 icon/rub/index.html
 create mode 100644 icon/safari/index.html
 create mode 100644 icon/scissors/index.html
 create mode 100644 icon/scribd/index.html
 create mode 100644 icon/search-minus/index.html
 create mode 100644 icon/search-plus/index.html
 create mode 100644 icon/search/index.html
 create mode 100644 icon/sellsy/index.html
 create mode 100644 icon/server/index.html
 create mode 100644 icon/share-alt-square/index.html
 create mode 100644 icon/share-alt/index.html
 create mode 100644 icon/share-square-o/index.html
 create mode 100644 icon/share-square/index.html
 create mode 100644 icon/share/index.html
 create mode 100644 icon/shield/index.html
 create mode 100644 icon/ship/index.html
 create mode 100644 icon/shirtsinbulk/index.html
 create mode 100644 icon/shopping-bag/index.html
 create mode 100644 icon/shopping-basket/index.html
 create mode 100644 icon/shopping-cart/index.html
 create mode 100644 icon/sign-in/index.html
 create mode 100644 icon/sign-out/index.html
 create mode 100644 icon/signal/index.html
 create mode 100644 icon/simplybuilt/index.html
 create mode 100644 icon/sitemap/index.html
 create mode 100644 icon/skyatlas/index.html
 create mode 100644 icon/skype/index.html
 create mode 100644 icon/slack/index.html
 create mode 100644 icon/sliders/index.html
 create mode 100644 icon/slideshare/index.html
 create mode 100644 icon/smile-o/index.html
 create mode 100644 icon/sort-alpha-asc/index.html
 create mode 100644 icon/sort-alpha-desc/index.html
 create mode 100644 icon/sort-amount-asc/index.html
 create mode 100644 icon/sort-amount-desc/index.html
 create mode 100644 icon/sort-asc/index.html
 create mode 100644 icon/sort-desc/index.html
 create mode 100644 icon/sort-numeric-asc/index.html
 create mode 100644 icon/sort-numeric-desc/index.html
 create mode 100644 icon/sort/index.html
 create mode 100644 icon/soundcloud/index.html
 create mode 100644 icon/space-shuttle/index.html
 create mode 100644 icon/spinner/index.html
 create mode 100644 icon/spoon/index.html
 create mode 100644 icon/spotify/index.html
 create mode 100644 icon/square-o/index.html
 create mode 100644 icon/square/index.html
 create mode 100644 icon/stack-exchange/index.html
 create mode 100644 icon/stack-overflow/index.html
 create mode 100644 icon/star-half-o/index.html
 create mode 100644 icon/star-half/index.html
 create mode 100644 icon/star-o/index.html
 create mode 100644 icon/star/index.html
 create mode 100644 icon/steam-square/index.html
 create mode 100644 icon/steam/index.html
 create mode 100644 icon/step-backward/index.html
 create mode 100644 icon/step-forward/index.html
 create mode 100644 icon/stethoscope/index.html
 create mode 100644 icon/sticky-note-o/index.html
 create mode 100644 icon/sticky-note/index.html
 create mode 100644 icon/stop-circle-o/index.html
 create mode 100644 icon/stop-circle/index.html
 create mode 100644 icon/stop/index.html
 create mode 100644 icon/street-view/index.html
 create mode 100644 icon/strikethrough/index.html
 create mode 100644 icon/stumbleupon-circle/index.html
 create mode 100644 icon/stumbleupon/index.html
 create mode 100644 icon/subscript/index.html
 create mode 100644 icon/subway/index.html
 create mode 100644 icon/suitcase/index.html
 create mode 100644 icon/sun-o/index.html
 create mode 100644 icon/superscript/index.html
 create mode 100644 icon/table/index.html
 create mode 100644 icon/tablet/index.html
 create mode 100644 icon/tachometer/index.html
 create mode 100644 icon/tag/index.html
 create mode 100644 icon/tags/index.html
 create mode 100644 icon/tasks/index.html
 create mode 100644 icon/taxi/index.html
 create mode 100644 icon/television/index.html
 create mode 100644 icon/tencent-weibo/index.html
 create mode 100644 icon/terminal/index.html
 create mode 100644 icon/text-height/index.html
 create mode 100644 icon/text-width/index.html
 create mode 100644 icon/th-large/index.html
 create mode 100644 icon/th-list/index.html
 create mode 100644 icon/th/index.html
 create mode 100644 icon/thumb-tack/index.html
 create mode 100644 icon/thumbs-down/index.html
 create mode 100644 icon/thumbs-o-down/index.html
 create mode 100644 icon/thumbs-o-up/index.html
 create mode 100644 icon/thumbs-up/index.html
 create mode 100644 icon/ticket/index.html
 create mode 100644 icon/times-circle-o/index.html
 create mode 100644 icon/times-circle/index.html
 create mode 100644 icon/times/index.html
 create mode 100644 icon/tint/index.html
 create mode 100644 icon/toggle-off/index.html
 create mode 100644 icon/toggle-on/index.html
 create mode 100644 icon/trademark/index.html
 create mode 100644 icon/train/index.html
 create mode 100644 icon/transgender-alt/index.html
 create mode 100644 icon/transgender/index.html
 create mode 100644 icon/trash-o/index.html
 create mode 100644 icon/trash/index.html
 create mode 100644 icon/tree/index.html
 create mode 100644 icon/trello/index.html
 create mode 100644 icon/tripadvisor/index.html
 create mode 100644 icon/trophy/index.html
 create mode 100644 icon/truck/index.html
 create mode 100644 icon/try/index.html
 create mode 100644 icon/tty/index.html
 create mode 100644 icon/tumblr-square/index.html
 create mode 100644 icon/tumblr/index.html
 create mode 100644 icon/twitch/index.html
 create mode 100644 icon/twitter-square/index.html
 create mode 100644 icon/twitter/index.html
 create mode 100644 icon/umbrella/index.html
 create mode 100644 icon/underline/index.html
 create mode 100644 icon/undo/index.html
 create mode 100644 icon/university/index.html
 create mode 100644 icon/unlock-alt/index.html
 create mode 100644 icon/unlock/index.html
 create mode 100644 icon/upload/index.html
 create mode 100644 icon/usb/index.html
 create mode 100644 icon/usd/index.html
 create mode 100644 icon/user-md/index.html
 create mode 100644 icon/user-plus/index.html
 create mode 100644 icon/user-secret/index.html
 create mode 100644 icon/user-times/index.html
 create mode 100644 icon/user/index.html
 create mode 100644 icon/users/index.html
 create mode 100644 icon/venus-double/index.html
 create mode 100644 icon/venus-mars/index.html
 create mode 100644 icon/venus/index.html
 create mode 100644 icon/viacoin/index.html
 create mode 100644 icon/video-camera/index.html
 create mode 100644 icon/vimeo-square/index.html
 create mode 100644 icon/vimeo/index.html
 create mode 100644 icon/vine/index.html
 create mode 100644 icon/vk/index.html
 create mode 100644 icon/volume-down/index.html
 create mode 100644 icon/volume-off/index.html
 create mode 100644 icon/volume-up/index.html
 create mode 100644 icon/weibo/index.html
 create mode 100644 icon/weixin/index.html
 create mode 100644 icon/whatsapp/index.html
 create mode 100644 icon/wheelchair/index.html
 create mode 100644 icon/wifi/index.html
 create mode 100644 icon/wikipedia-w/index.html
 create mode 100644 icon/windows/index.html
 create mode 100644 icon/wordpress/index.html
 create mode 100644 icon/wrench/index.html
 create mode 100644 icon/xing-square/index.html
 create mode 100644 icon/xing/index.html
 create mode 100644 icon/y-combinator/index.html
 create mode 100644 icon/yahoo/index.html
 create mode 100644 icon/yelp/index.html
 create mode 100644 icon/youtube-play/index.html
 create mode 100644 icon/youtube-square/index.html
 create mode 100644 icon/youtube/index.html

diff --git a/assets/font-awesome-4.5.0.zip b/assets/font-awesome-4.5.0.zip
index e3ace4fb141a545affdb95e2844f2267d564a8fb..805477282ffce8c7ac352543c2f794e2e5dbd6d7 100644
GIT binary patch
delta 1488
zcmY+ETS!xJ9LGDmoc~Y7C|#PGx=k`v=%Vzn>D-2z^U_7lZ8>$`m3k-)0?`MlOfw9I
z;2$Bd3q916Tf~7vUxK6u)0ZxfQu7W<PAll8-_di<{%3FB&+qpA{m!3_E|^9aOmSDL
zw7S?s;x8D8%i}ZR18#FXeYQ-FkpmnGc+c>e3Qprffme131h;BaxX`#WwS+hBXS^9r
zH5})H<5T(Pm{w^>cJf^kx#uVl90lBvfeX@)<(!O%4K7YFxHP-3k;g<d3im`bf+wQ2
zTtFVM=qjW(!%G&Ouw>Eqh`eG@Un%p+LA@|J$XDu+hwt+andc7iLhcYb>PKD_CRT~l
zfiT%ZbYq#El@YFwp6Sdou}NrRg?vTwZH1J|Nv2h@hbVcCSR^F4*GLYBY;c{(V`+~W
zPSf3WQjOfXL7Z~=$OhR#)W4}X5#DbSchcctX^u;`xm^>&Z_>-rUuH<5+W>lM)4&nA
zx=sW0SZ&gRJe;;@VFgjS4hm&IBRY64`pM&!G~qfAMv*-tpsezRKm^ezfFgN7TnvcY
zaj{S=cPop9nM7oGscbss1btln)tE!t=#vp|R-d61(8&z=j;J>i%H+0qv_!g?31Q@K
zjUaynVb2J8qAQablndeI`VocA(S=TCfjbG=fF<g5)&idqjaij$blwU-5KR{<S;9^s
zybuRW*rI88iW9<)4fJB*Z*kORi5>nSvO7Tj{`9T`ek1C0f?dAHtP|$MdpxL*dY-R`
zZA3F}uxK*kX^jt(>7oyKE<}?&VAEvovvicVJ#dkcOCG4v7}<&-t?`0g>XMF4r@i22
zWcD?ce4>^K4d7vtA2xuOk(>`MG4iGlT#}UR;#2oQF_Ut>5vmyZv=M3<na~8~jO=St
zwO?(5%S_bWtV|Qvnr(&(CVI-RYW3K!ivCeYn_E;i7F(c_X=QDNYDuzdrPB|sU}Exg
zZAzYK=vEulG0~rGD!Wzfs%74_tNdkks2q%SsA~7rQGcf@I@hV1Ywc29{ACxumxCuI
SnoQ_Euz`P7iS$l482$q&jIf#j

delta 1488
zcmY+ETSydP6vvy{-T96#MCtCBnwMS4P@#*`!>+Eoi<;}Di<-OUdcRW-g+U<tAeCu`
zfe3yGfnDgKo~($0LSKTU2h*3bN2&D=N?t0wL}%QY*_nO&|Gx8`^FRM@*#2ot|Fp$;
zxk#rEKP3M6L1P-XYaI0cGt#H?#7tydahlsxa4f?QzI009^;&5(6E)<H$>H`7D&F?T
zn2s_0&}jNuRV%zRw2|(S$X!>4;L2cnObkyy<ufwwHF+4p<YBj7ArISR74F+)1>dI5
zb{_elO<y3j>7BFbg*ls{P2>gLhC-Q-bQ^?`Zmv*|JaCV5$vm}(6H<G~(OTqL0b-Xp
z?Fx`JMAzrZ85!aFv5c9H&l3l?bFkR(0{Mnyc7fzdgjyEKHlnB{Vv~^IT_PzAvhHQ#
zlFQnxaEfj%lVarV72=k8-wN44)VYdIf-{5<tHjG6Hs_{z^sDP7Z}3gp8T!i#(R3Za
zKpiX`k#Co=Fom}*I*^CcIvp$^%GX1t+^|m%&lub-jl;6w(+bx(NEAIjB%rMFmB1#V
z&j4BS0Am=4+cDvgEqBWchw;c@Qpt4G4F+TRm9Rs)&?h5iRvxchpd<0{9Z`D%<jHL@
zv`9LW00HFh5<yvgI}y@ER~9QM31M=bhyvEoLMM{I%OmTug`7^<;0vMwyV8wL+2IGG
zu}q~(*vN$EVidy;ER!r_6vu@P2N=Z3f3rg_bDXe?$ms(4{plSS{6^H_2B)0Igc~L!
zk=-v3d7dhVb(}Kp1sl6-q$PfcqBDNrknuinuzLqA4&^N$Tu@{bo%2BnyRW@bQUOk>
zi+E$K0=z1jd{rYKYh^?w_*BIYDxpFp89!W9$s2y~NK&yo>xXQm#7xgsK@qznxi`}%
zRZyyu5!H~dk{#99K2*F|4VP5XTZ7X=rxP_$ppqwRHLV`is!n<OM?4J%8;8-?)M;$Y
z)Ip)DmAxK{C8=I3j()5Mi>iyhL8%j)-fVy}RhOR)8oNb}nq}TMs{EO0Qj^BPK$GU~
pw)&K(warTG;@rt*&0KqnCh-?7_`QTui)annz`v?Udb<@&{{f!D=0*Sj

diff --git a/icon/500px/index.html b/icon/500px/index.html
new file mode 100644
index 000000000..88a1a2574
--- /dev/null
+++ b/icon/500px/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-500px: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-500px fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-500px fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-500px fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-500px fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-500px fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-500px fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-500px
+      <small>
+        <i class="fa fa-500px"></i> &middot;
+        Unicode: <span class="upper">f26e</span> &middot;
+        Created: v4.4 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-500px"></i> fa-500px
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-500px&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/adjust/index.html b/icon/adjust/index.html
new file mode 100644
index 000000000..ec3e24bc3
--- /dev/null
+++ b/icon/adjust/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-adjust: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-adjust fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-adjust fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-adjust fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-adjust fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-adjust fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-adjust fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-adjust
+      <small>
+        <i class="fa fa-adjust"></i> &middot;
+        Unicode: <span class="upper">f042</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-adjust"></i> fa-adjust
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-adjust&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/adn/index.html b/icon/adn/index.html
new file mode 100644
index 000000000..31cc6b12f
--- /dev/null
+++ b/icon/adn/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-adn: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-adn fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-adn fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-adn fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-adn fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-adn fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-adn fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-adn
+      <small>
+        <i class="fa fa-adn"></i> &middot;
+        Unicode: <span class="upper">f170</span> &middot;
+        Created: v3.2 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-adn"></i> fa-adn
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-adn&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/align-center/index.html b/icon/align-center/index.html
new file mode 100644
index 000000000..46b16c31f
--- /dev/null
+++ b/icon/align-center/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-align-center: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-align-center fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-align-center fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-align-center fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-align-center fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-align-center fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-align-center fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-align-center
+      <small>
+        <i class="fa fa-align-center"></i> &middot;
+        Unicode: <span class="upper">f037</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Text Editor Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-align-center"></i> fa-align-center
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-align-center&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/align-justify/index.html b/icon/align-justify/index.html
new file mode 100644
index 000000000..4a992aed2
--- /dev/null
+++ b/icon/align-justify/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-align-justify: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-align-justify fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-align-justify fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-align-justify fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-align-justify fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-align-justify fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-align-justify fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-align-justify
+      <small>
+        <i class="fa fa-align-justify"></i> &middot;
+        Unicode: <span class="upper">f039</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Text Editor Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-align-justify"></i> fa-align-justify
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-align-justify&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/align-left/index.html b/icon/align-left/index.html
new file mode 100644
index 000000000..4e97cf83c
--- /dev/null
+++ b/icon/align-left/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-align-left: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-align-left fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-align-left fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-align-left fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-align-left fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-align-left fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-align-left fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-align-left
+      <small>
+        <i class="fa fa-align-left"></i> &middot;
+        Unicode: <span class="upper">f036</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Text Editor Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-align-left"></i> fa-align-left
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-align-left&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/align-right/index.html b/icon/align-right/index.html
new file mode 100644
index 000000000..21ae64a2b
--- /dev/null
+++ b/icon/align-right/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-align-right: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-align-right fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-align-right fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-align-right fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-align-right fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-align-right fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-align-right fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-align-right
+      <small>
+        <i class="fa fa-align-right"></i> &middot;
+        Unicode: <span class="upper">f038</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Text Editor Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-align-right"></i> fa-align-right
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-align-right&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/amazon/index.html b/icon/amazon/index.html
new file mode 100644
index 000000000..38d729cb4
--- /dev/null
+++ b/icon/amazon/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-amazon: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-amazon fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-amazon fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-amazon fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-amazon fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-amazon fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-amazon fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-amazon
+      <small>
+        <i class="fa fa-amazon"></i> &middot;
+        Unicode: <span class="upper">f270</span> &middot;
+        Created: v4.4 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-amazon"></i> fa-amazon
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-amazon&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/ambulance/index.html b/icon/ambulance/index.html
new file mode 100644
index 000000000..330220d24
--- /dev/null
+++ b/icon/ambulance/index.html
@@ -0,0 +1,251 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-ambulance: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-ambulance fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-ambulance fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-ambulance fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-ambulance fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-ambulance fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-ambulance fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-ambulance
+      <small>
+        <i class="fa fa-ambulance"></i> &middot;
+        Unicode: <span class="upper">f0f9</span> &middot;
+        Created: v3.0 &middot;
+        Categories:
+        
+          Medical Icons,
+        
+          Transportation Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-ambulance"></i> fa-ambulance
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-ambulance&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/anchor/index.html b/icon/anchor/index.html
new file mode 100644
index 000000000..a057c769e
--- /dev/null
+++ b/icon/anchor/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-anchor: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-anchor fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-anchor fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-anchor fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-anchor fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-anchor fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-anchor fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-anchor
+      <small>
+        <i class="fa fa-anchor"></i> &middot;
+        Unicode: <span class="upper">f13d</span> &middot;
+        Created: v3.1 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-anchor"></i> fa-anchor
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-anchor&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/android/index.html b/icon/android/index.html
new file mode 100644
index 000000000..fdbc210ee
--- /dev/null
+++ b/icon/android/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-android: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-android fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-android fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-android fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-android fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-android fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-android fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-android
+      <small>
+        <i class="fa fa-android"></i> &middot;
+        Unicode: <span class="upper">f17b</span> &middot;
+        Created: v3.2 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-android"></i> fa-android
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-android&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/angellist/index.html b/icon/angellist/index.html
new file mode 100644
index 000000000..0df3099d6
--- /dev/null
+++ b/icon/angellist/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-angellist: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-angellist fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-angellist fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-angellist fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-angellist fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-angellist fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-angellist fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-angellist
+      <small>
+        <i class="fa fa-angellist"></i> &middot;
+        Unicode: <span class="upper">f209</span> &middot;
+        Created: v4.2 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-angellist"></i> fa-angellist
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-angellist&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/angle-double-down/index.html b/icon/angle-double-down/index.html
new file mode 100644
index 000000000..31537e84e
--- /dev/null
+++ b/icon/angle-double-down/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-angle-double-down: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-angle-double-down fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-angle-double-down fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-angle-double-down fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-angle-double-down fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-angle-double-down fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-angle-double-down fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-angle-double-down
+      <small>
+        <i class="fa fa-angle-double-down"></i> &middot;
+        Unicode: <span class="upper">f103</span> &middot;
+        Created: v3.0 &middot;
+        Categories:
+        
+          Directional Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-angle-double-down"></i> fa-angle-double-down
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-angle-double-down&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/angle-double-left/index.html b/icon/angle-double-left/index.html
new file mode 100644
index 000000000..e68acd9e0
--- /dev/null
+++ b/icon/angle-double-left/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-angle-double-left: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-angle-double-left fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-angle-double-left fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-angle-double-left fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-angle-double-left fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-angle-double-left fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-angle-double-left fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-angle-double-left
+      <small>
+        <i class="fa fa-angle-double-left"></i> &middot;
+        Unicode: <span class="upper">f100</span> &middot;
+        Created: v3.0 &middot;
+        Categories:
+        
+          Directional Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-angle-double-left"></i> fa-angle-double-left
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-angle-double-left&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/angle-double-right/index.html b/icon/angle-double-right/index.html
new file mode 100644
index 000000000..3707d8232
--- /dev/null
+++ b/icon/angle-double-right/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-angle-double-right: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-angle-double-right fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-angle-double-right fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-angle-double-right fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-angle-double-right fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-angle-double-right fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-angle-double-right fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-angle-double-right
+      <small>
+        <i class="fa fa-angle-double-right"></i> &middot;
+        Unicode: <span class="upper">f101</span> &middot;
+        Created: v3.0 &middot;
+        Categories:
+        
+          Directional Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-angle-double-right"></i> fa-angle-double-right
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-angle-double-right&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/angle-double-up/index.html b/icon/angle-double-up/index.html
new file mode 100644
index 000000000..e7efa0a89
--- /dev/null
+++ b/icon/angle-double-up/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-angle-double-up: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-angle-double-up fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-angle-double-up fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-angle-double-up fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-angle-double-up fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-angle-double-up fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-angle-double-up fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-angle-double-up
+      <small>
+        <i class="fa fa-angle-double-up"></i> &middot;
+        Unicode: <span class="upper">f102</span> &middot;
+        Created: v3.0 &middot;
+        Categories:
+        
+          Directional Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-angle-double-up"></i> fa-angle-double-up
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-angle-double-up&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/angle-down/index.html b/icon/angle-down/index.html
new file mode 100644
index 000000000..7b7da8669
--- /dev/null
+++ b/icon/angle-down/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-angle-down: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-angle-down fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-angle-down fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-angle-down fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-angle-down fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-angle-down fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-angle-down fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-angle-down
+      <small>
+        <i class="fa fa-angle-down"></i> &middot;
+        Unicode: <span class="upper">f107</span> &middot;
+        Created: v3.0 &middot;
+        Categories:
+        
+          Directional Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-angle-down"></i> fa-angle-down
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-angle-down&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/angle-left/index.html b/icon/angle-left/index.html
new file mode 100644
index 000000000..c85e7d858
--- /dev/null
+++ b/icon/angle-left/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-angle-left: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-angle-left fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-angle-left fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-angle-left fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-angle-left fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-angle-left fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-angle-left fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-angle-left
+      <small>
+        <i class="fa fa-angle-left"></i> &middot;
+        Unicode: <span class="upper">f104</span> &middot;
+        Created: v3.0 &middot;
+        Categories:
+        
+          Directional Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-angle-left"></i> fa-angle-left
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-angle-left&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/angle-right/index.html b/icon/angle-right/index.html
new file mode 100644
index 000000000..624f2e3d1
--- /dev/null
+++ b/icon/angle-right/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-angle-right: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-angle-right fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-angle-right fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-angle-right fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-angle-right fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-angle-right fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-angle-right fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-angle-right
+      <small>
+        <i class="fa fa-angle-right"></i> &middot;
+        Unicode: <span class="upper">f105</span> &middot;
+        Created: v3.0 &middot;
+        Categories:
+        
+          Directional Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-angle-right"></i> fa-angle-right
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-angle-right&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/angle-up/index.html b/icon/angle-up/index.html
new file mode 100644
index 000000000..9520fdb6f
--- /dev/null
+++ b/icon/angle-up/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-angle-up: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-angle-up fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-angle-up fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-angle-up fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-angle-up fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-angle-up fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-angle-up fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-angle-up
+      <small>
+        <i class="fa fa-angle-up"></i> &middot;
+        Unicode: <span class="upper">f106</span> &middot;
+        Created: v3.0 &middot;
+        Categories:
+        
+          Directional Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-angle-up"></i> fa-angle-up
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-angle-up&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/apple/index.html b/icon/apple/index.html
new file mode 100644
index 000000000..336481889
--- /dev/null
+++ b/icon/apple/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-apple: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-apple fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-apple fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-apple fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-apple fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-apple fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-apple fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-apple
+      <small>
+        <i class="fa fa-apple"></i> &middot;
+        Unicode: <span class="upper">f179</span> &middot;
+        Created: v3.2 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-apple"></i> fa-apple
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-apple&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/archive/index.html b/icon/archive/index.html
new file mode 100644
index 000000000..bab4643ff
--- /dev/null
+++ b/icon/archive/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-archive: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-archive fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-archive fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-archive fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-archive fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-archive fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-archive fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-archive
+      <small>
+        <i class="fa fa-archive"></i> &middot;
+        Unicode: <span class="upper">f187</span> &middot;
+        Created: v3.2 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-archive"></i> fa-archive
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-archive&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/area-chart/index.html b/icon/area-chart/index.html
new file mode 100644
index 000000000..80f6689da
--- /dev/null
+++ b/icon/area-chart/index.html
@@ -0,0 +1,251 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-area-chart: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-area-chart fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-area-chart fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-area-chart fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-area-chart fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-area-chart fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-area-chart fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-area-chart
+      <small>
+        <i class="fa fa-area-chart"></i> &middot;
+        Unicode: <span class="upper">f1fe</span> &middot;
+        Created: v4.2 &middot;
+        Categories:
+        
+          Web Application Icons,
+        
+          Chart Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-area-chart"></i> fa-area-chart
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-area-chart&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/arrow-circle-down/index.html b/icon/arrow-circle-down/index.html
new file mode 100644
index 000000000..696b03d16
--- /dev/null
+++ b/icon/arrow-circle-down/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-arrow-circle-down: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-arrow-circle-down fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-arrow-circle-down fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-arrow-circle-down fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-arrow-circle-down fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-arrow-circle-down fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-arrow-circle-down fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-arrow-circle-down
+      <small>
+        <i class="fa fa-arrow-circle-down"></i> &middot;
+        Unicode: <span class="upper">f0ab</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Directional Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-arrow-circle-down"></i> fa-arrow-circle-down
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-arrow-circle-down&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/arrow-circle-left/index.html b/icon/arrow-circle-left/index.html
new file mode 100644
index 000000000..bcf961135
--- /dev/null
+++ b/icon/arrow-circle-left/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-arrow-circle-left: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-arrow-circle-left fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-arrow-circle-left fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-arrow-circle-left fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-arrow-circle-left fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-arrow-circle-left fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-arrow-circle-left fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-arrow-circle-left
+      <small>
+        <i class="fa fa-arrow-circle-left"></i> &middot;
+        Unicode: <span class="upper">f0a8</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Directional Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-arrow-circle-left"></i> fa-arrow-circle-left
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-arrow-circle-left&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/arrow-circle-o-down/index.html b/icon/arrow-circle-o-down/index.html
new file mode 100644
index 000000000..62adaae42
--- /dev/null
+++ b/icon/arrow-circle-o-down/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-arrow-circle-o-down: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-arrow-circle-o-down fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-arrow-circle-o-down fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-arrow-circle-o-down fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-arrow-circle-o-down fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-arrow-circle-o-down fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-arrow-circle-o-down fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-arrow-circle-o-down
+      <small>
+        <i class="fa fa-arrow-circle-o-down"></i> &middot;
+        Unicode: <span class="upper">f01a</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Directional Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-arrow-circle-o-down"></i> fa-arrow-circle-o-down
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-arrow-circle-o-down&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/arrow-circle-o-left/index.html b/icon/arrow-circle-o-left/index.html
new file mode 100644
index 000000000..444b477e1
--- /dev/null
+++ b/icon/arrow-circle-o-left/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-arrow-circle-o-left: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-arrow-circle-o-left fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-arrow-circle-o-left fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-arrow-circle-o-left fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-arrow-circle-o-left fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-arrow-circle-o-left fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-arrow-circle-o-left fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-arrow-circle-o-left
+      <small>
+        <i class="fa fa-arrow-circle-o-left"></i> &middot;
+        Unicode: <span class="upper">f190</span> &middot;
+        Created: v4.0 &middot;
+        Categories:
+        
+          Directional Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-arrow-circle-o-left"></i> fa-arrow-circle-o-left
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-arrow-circle-o-left&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/arrow-circle-o-right/index.html b/icon/arrow-circle-o-right/index.html
new file mode 100644
index 000000000..fcc767511
--- /dev/null
+++ b/icon/arrow-circle-o-right/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-arrow-circle-o-right: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-arrow-circle-o-right fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-arrow-circle-o-right fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-arrow-circle-o-right fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-arrow-circle-o-right fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-arrow-circle-o-right fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-arrow-circle-o-right fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-arrow-circle-o-right
+      <small>
+        <i class="fa fa-arrow-circle-o-right"></i> &middot;
+        Unicode: <span class="upper">f18e</span> &middot;
+        Created: v4.0 &middot;
+        Categories:
+        
+          Directional Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-arrow-circle-o-right"></i> fa-arrow-circle-o-right
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-arrow-circle-o-right&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/arrow-circle-o-up/index.html b/icon/arrow-circle-o-up/index.html
new file mode 100644
index 000000000..93d8e698f
--- /dev/null
+++ b/icon/arrow-circle-o-up/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-arrow-circle-o-up: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-arrow-circle-o-up fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-arrow-circle-o-up fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-arrow-circle-o-up fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-arrow-circle-o-up fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-arrow-circle-o-up fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-arrow-circle-o-up fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-arrow-circle-o-up
+      <small>
+        <i class="fa fa-arrow-circle-o-up"></i> &middot;
+        Unicode: <span class="upper">f01b</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Directional Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-arrow-circle-o-up"></i> fa-arrow-circle-o-up
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-arrow-circle-o-up&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/arrow-circle-right/index.html b/icon/arrow-circle-right/index.html
new file mode 100644
index 000000000..c30ac4938
--- /dev/null
+++ b/icon/arrow-circle-right/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-arrow-circle-right: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-arrow-circle-right fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-arrow-circle-right fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-arrow-circle-right fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-arrow-circle-right fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-arrow-circle-right fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-arrow-circle-right fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-arrow-circle-right
+      <small>
+        <i class="fa fa-arrow-circle-right"></i> &middot;
+        Unicode: <span class="upper">f0a9</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Directional Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-arrow-circle-right"></i> fa-arrow-circle-right
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-arrow-circle-right&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/arrow-circle-up/index.html b/icon/arrow-circle-up/index.html
new file mode 100644
index 000000000..812ac6074
--- /dev/null
+++ b/icon/arrow-circle-up/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-arrow-circle-up: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-arrow-circle-up fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-arrow-circle-up fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-arrow-circle-up fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-arrow-circle-up fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-arrow-circle-up fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-arrow-circle-up fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-arrow-circle-up
+      <small>
+        <i class="fa fa-arrow-circle-up"></i> &middot;
+        Unicode: <span class="upper">f0aa</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Directional Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-arrow-circle-up"></i> fa-arrow-circle-up
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-arrow-circle-up&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/arrow-down/index.html b/icon/arrow-down/index.html
new file mode 100644
index 000000000..fd0fdfdbd
--- /dev/null
+++ b/icon/arrow-down/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-arrow-down: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-arrow-down fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-arrow-down fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-arrow-down fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-arrow-down fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-arrow-down fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-arrow-down fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-arrow-down
+      <small>
+        <i class="fa fa-arrow-down"></i> &middot;
+        Unicode: <span class="upper">f063</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Directional Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-arrow-down"></i> fa-arrow-down
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-arrow-down&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/arrow-left/index.html b/icon/arrow-left/index.html
new file mode 100644
index 000000000..4981e093c
--- /dev/null
+++ b/icon/arrow-left/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-arrow-left: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-arrow-left fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-arrow-left fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-arrow-left fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-arrow-left fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-arrow-left fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-arrow-left fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-arrow-left
+      <small>
+        <i class="fa fa-arrow-left"></i> &middot;
+        Unicode: <span class="upper">f060</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Directional Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-arrow-left"></i> fa-arrow-left
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-arrow-left&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/arrow-right/index.html b/icon/arrow-right/index.html
new file mode 100644
index 000000000..411238cc0
--- /dev/null
+++ b/icon/arrow-right/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-arrow-right: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-arrow-right fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-arrow-right fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-arrow-right fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-arrow-right fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-arrow-right fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-arrow-right fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-arrow-right
+      <small>
+        <i class="fa fa-arrow-right"></i> &middot;
+        Unicode: <span class="upper">f061</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Directional Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-arrow-right"></i> fa-arrow-right
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-arrow-right&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/arrow-up/index.html b/icon/arrow-up/index.html
new file mode 100644
index 000000000..1935a9bb8
--- /dev/null
+++ b/icon/arrow-up/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-arrow-up: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-arrow-up fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-arrow-up fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-arrow-up fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-arrow-up fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-arrow-up fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-arrow-up fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-arrow-up
+      <small>
+        <i class="fa fa-arrow-up"></i> &middot;
+        Unicode: <span class="upper">f062</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Directional Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-arrow-up"></i> fa-arrow-up
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-arrow-up&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/arrows-alt/index.html b/icon/arrows-alt/index.html
new file mode 100644
index 000000000..1cd1bd3a5
--- /dev/null
+++ b/icon/arrows-alt/index.html
@@ -0,0 +1,251 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-arrows-alt: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-arrows-alt fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-arrows-alt fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-arrows-alt fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-arrows-alt fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-arrows-alt fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-arrows-alt fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-arrows-alt
+      <small>
+        <i class="fa fa-arrows-alt"></i> &middot;
+        Unicode: <span class="upper">f0b2</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Video Player Icons,
+        
+          Directional Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-arrows-alt"></i> fa-arrows-alt
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-arrows-alt&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/arrows-h/index.html b/icon/arrows-h/index.html
new file mode 100644
index 000000000..d09f59a98
--- /dev/null
+++ b/icon/arrows-h/index.html
@@ -0,0 +1,251 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-arrows-h: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-arrows-h fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-arrows-h fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-arrows-h fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-arrows-h fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-arrows-h fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-arrows-h fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-arrows-h
+      <small>
+        <i class="fa fa-arrows-h"></i> &middot;
+        Unicode: <span class="upper">f07e</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons,
+        
+          Directional Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-arrows-h"></i> fa-arrows-h
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-arrows-h&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/arrows-v/index.html b/icon/arrows-v/index.html
new file mode 100644
index 000000000..cc58f3a7b
--- /dev/null
+++ b/icon/arrows-v/index.html
@@ -0,0 +1,251 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-arrows-v: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-arrows-v fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-arrows-v fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-arrows-v fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-arrows-v fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-arrows-v fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-arrows-v fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-arrows-v
+      <small>
+        <i class="fa fa-arrows-v"></i> &middot;
+        Unicode: <span class="upper">f07d</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons,
+        
+          Directional Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-arrows-v"></i> fa-arrows-v
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-arrows-v&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/arrows/index.html b/icon/arrows/index.html
new file mode 100644
index 000000000..fed26a194
--- /dev/null
+++ b/icon/arrows/index.html
@@ -0,0 +1,251 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-arrows: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-arrows fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-arrows fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-arrows fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-arrows fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-arrows fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-arrows fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-arrows
+      <small>
+        <i class="fa fa-arrows"></i> &middot;
+        Unicode: <span class="upper">f047</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons,
+        
+          Directional Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-arrows"></i> fa-arrows
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-arrows&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/asterisk/index.html b/icon/asterisk/index.html
new file mode 100644
index 000000000..d7788b61e
--- /dev/null
+++ b/icon/asterisk/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-asterisk: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-asterisk fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-asterisk fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-asterisk fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-asterisk fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-asterisk fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-asterisk fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-asterisk
+      <small>
+        <i class="fa fa-asterisk"></i> &middot;
+        Unicode: <span class="upper">f069</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-asterisk"></i> fa-asterisk
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-asterisk&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/at/index.html b/icon/at/index.html
new file mode 100644
index 000000000..b48720993
--- /dev/null
+++ b/icon/at/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-at: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-at fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-at fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-at fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-at fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-at fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-at fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-at
+      <small>
+        <i class="fa fa-at"></i> &middot;
+        Unicode: <span class="upper">f1fa</span> &middot;
+        Created: v4.2 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-at"></i> fa-at
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-at&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/backward/index.html b/icon/backward/index.html
new file mode 100644
index 000000000..c2c4e157d
--- /dev/null
+++ b/icon/backward/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-backward: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-backward fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-backward fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-backward fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-backward fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-backward fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-backward fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-backward
+      <small>
+        <i class="fa fa-backward"></i> &middot;
+        Unicode: <span class="upper">f04a</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Video Player Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-backward"></i> fa-backward
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-backward&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/balance-scale/index.html b/icon/balance-scale/index.html
new file mode 100644
index 000000000..ed418a4a5
--- /dev/null
+++ b/icon/balance-scale/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-balance-scale: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-balance-scale fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-balance-scale fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-balance-scale fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-balance-scale fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-balance-scale fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-balance-scale fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-balance-scale
+      <small>
+        <i class="fa fa-balance-scale"></i> &middot;
+        Unicode: <span class="upper">f24e</span> &middot;
+        Created: v4.4 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-balance-scale"></i> fa-balance-scale
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-balance-scale&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/ban/index.html b/icon/ban/index.html
new file mode 100644
index 000000000..0e23f1510
--- /dev/null
+++ b/icon/ban/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-ban: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-ban fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-ban fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-ban fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-ban fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-ban fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-ban fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-ban
+      <small>
+        <i class="fa fa-ban"></i> &middot;
+        Unicode: <span class="upper">f05e</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-ban"></i> fa-ban
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-ban&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/bar-chart/index.html b/icon/bar-chart/index.html
new file mode 100644
index 000000000..59a86fbb6
--- /dev/null
+++ b/icon/bar-chart/index.html
@@ -0,0 +1,256 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-bar-chart: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-bar-chart fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-bar-chart fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-bar-chart fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-bar-chart fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-bar-chart fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-bar-chart fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-bar-chart
+      <small>
+        <i class="fa fa-bar-chart"></i> &middot;
+        Unicode: <span class="upper">f080</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons,
+        
+          Chart Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-bar-chart-o
+          
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-bar-chart"></i> fa-bar-chart
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-bar-chart&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/barcode/index.html b/icon/barcode/index.html
new file mode 100644
index 000000000..6c7fc1797
--- /dev/null
+++ b/icon/barcode/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-barcode: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-barcode fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-barcode fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-barcode fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-barcode fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-barcode fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-barcode fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-barcode
+      <small>
+        <i class="fa fa-barcode"></i> &middot;
+        Unicode: <span class="upper">f02a</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-barcode"></i> fa-barcode
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-barcode&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/bars/index.html b/icon/bars/index.html
new file mode 100644
index 000000000..b28882837
--- /dev/null
+++ b/icon/bars/index.html
@@ -0,0 +1,256 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-bars: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-bars fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-bars fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-bars fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-bars fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-bars fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-bars fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-bars
+      <small>
+        <i class="fa fa-bars"></i> &middot;
+        Unicode: <span class="upper">f0c9</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-navicon,
+          
+            fa-reorder
+          
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-bars"></i> fa-bars
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-bars&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/battery-empty/index.html b/icon/battery-empty/index.html
new file mode 100644
index 000000000..ad198b872
--- /dev/null
+++ b/icon/battery-empty/index.html
@@ -0,0 +1,254 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-battery-empty: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-battery-empty fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-battery-empty fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-battery-empty fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-battery-empty fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-battery-empty fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-battery-empty fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-battery-empty
+      <small>
+        <i class="fa fa-battery-empty"></i> &middot;
+        Unicode: <span class="upper">f244</span> &middot;
+        Created: v4.4 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-battery-0
+          
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-battery-empty"></i> fa-battery-empty
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-battery-empty&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/battery-full/index.html b/icon/battery-full/index.html
new file mode 100644
index 000000000..575373c5f
--- /dev/null
+++ b/icon/battery-full/index.html
@@ -0,0 +1,254 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-battery-full: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-battery-full fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-battery-full fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-battery-full fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-battery-full fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-battery-full fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-battery-full fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-battery-full
+      <small>
+        <i class="fa fa-battery-full"></i> &middot;
+        Unicode: <span class="upper">f240</span> &middot;
+        Created: v4.4 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-battery-4
+          
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-battery-full"></i> fa-battery-full
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-battery-full&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/battery-half/index.html b/icon/battery-half/index.html
new file mode 100644
index 000000000..684ade940
--- /dev/null
+++ b/icon/battery-half/index.html
@@ -0,0 +1,254 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-battery-half: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-battery-half fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-battery-half fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-battery-half fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-battery-half fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-battery-half fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-battery-half fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-battery-half
+      <small>
+        <i class="fa fa-battery-half"></i> &middot;
+        Unicode: <span class="upper">f242</span> &middot;
+        Created: v4.4 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-battery-2
+          
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-battery-half"></i> fa-battery-half
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-battery-half&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/battery-quarter/index.html b/icon/battery-quarter/index.html
new file mode 100644
index 000000000..0bfe843ec
--- /dev/null
+++ b/icon/battery-quarter/index.html
@@ -0,0 +1,254 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-battery-quarter: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-battery-quarter fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-battery-quarter fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-battery-quarter fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-battery-quarter fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-battery-quarter fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-battery-quarter fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-battery-quarter
+      <small>
+        <i class="fa fa-battery-quarter"></i> &middot;
+        Unicode: <span class="upper">f243</span> &middot;
+        Created: v4.4 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-battery-1
+          
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-battery-quarter"></i> fa-battery-quarter
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-battery-quarter&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/battery-three-quarters/index.html b/icon/battery-three-quarters/index.html
new file mode 100644
index 000000000..587845bb2
--- /dev/null
+++ b/icon/battery-three-quarters/index.html
@@ -0,0 +1,254 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-battery-three-quarters: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-battery-three-quarters fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-battery-three-quarters fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-battery-three-quarters fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-battery-three-quarters fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-battery-three-quarters fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-battery-three-quarters fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-battery-three-quarters
+      <small>
+        <i class="fa fa-battery-three-quarters"></i> &middot;
+        Unicode: <span class="upper">f241</span> &middot;
+        Created: v4.4 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-battery-3
+          
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-battery-three-quarters"></i> fa-battery-three-quarters
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-battery-three-quarters&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/bed/index.html b/icon/bed/index.html
new file mode 100644
index 000000000..c4de70170
--- /dev/null
+++ b/icon/bed/index.html
@@ -0,0 +1,254 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-bed: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-bed fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-bed fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-bed fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-bed fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-bed fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-bed fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-bed
+      <small>
+        <i class="fa fa-bed"></i> &middot;
+        Unicode: <span class="upper">f236</span> &middot;
+        Created: v4.3 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-hotel
+          
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-bed"></i> fa-bed
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-bed&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/beer/index.html b/icon/beer/index.html
new file mode 100644
index 000000000..7914c8e05
--- /dev/null
+++ b/icon/beer/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-beer: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-beer fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-beer fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-beer fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-beer fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-beer fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-beer fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-beer
+      <small>
+        <i class="fa fa-beer"></i> &middot;
+        Unicode: <span class="upper">f0fc</span> &middot;
+        Created: v3.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-beer"></i> fa-beer
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-beer&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/behance-square/index.html b/icon/behance-square/index.html
new file mode 100644
index 000000000..d0f6a21a8
--- /dev/null
+++ b/icon/behance-square/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-behance-square: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-behance-square fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-behance-square fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-behance-square fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-behance-square fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-behance-square fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-behance-square fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-behance-square
+      <small>
+        <i class="fa fa-behance-square"></i> &middot;
+        Unicode: <span class="upper">f1b5</span> &middot;
+        Created: v4.1 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-behance-square"></i> fa-behance-square
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-behance-square&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/behance/index.html b/icon/behance/index.html
new file mode 100644
index 000000000..7fb6a990d
--- /dev/null
+++ b/icon/behance/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-behance: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-behance fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-behance fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-behance fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-behance fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-behance fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-behance fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-behance
+      <small>
+        <i class="fa fa-behance"></i> &middot;
+        Unicode: <span class="upper">f1b4</span> &middot;
+        Created: v4.1 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-behance"></i> fa-behance
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-behance&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/bell-o/index.html b/icon/bell-o/index.html
new file mode 100644
index 000000000..963ca3b83
--- /dev/null
+++ b/icon/bell-o/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-bell-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-bell-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-bell-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-bell-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-bell-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-bell-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-bell-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-bell-o
+      <small>
+        <i class="fa fa-bell-o"></i> &middot;
+        Unicode: <span class="upper">f0a2</span> &middot;
+        Created: v3.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-bell-o"></i> fa-bell-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-bell-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/bell-slash-o/index.html b/icon/bell-slash-o/index.html
new file mode 100644
index 000000000..9de2f2680
--- /dev/null
+++ b/icon/bell-slash-o/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-bell-slash-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-bell-slash-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-bell-slash-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-bell-slash-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-bell-slash-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-bell-slash-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-bell-slash-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-bell-slash-o
+      <small>
+        <i class="fa fa-bell-slash-o"></i> &middot;
+        Unicode: <span class="upper">f1f7</span> &middot;
+        Created: v4.2 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-bell-slash-o"></i> fa-bell-slash-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-bell-slash-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/bell-slash/index.html b/icon/bell-slash/index.html
new file mode 100644
index 000000000..4d4cb5b89
--- /dev/null
+++ b/icon/bell-slash/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-bell-slash: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-bell-slash fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-bell-slash fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-bell-slash fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-bell-slash fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-bell-slash fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-bell-slash fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-bell-slash
+      <small>
+        <i class="fa fa-bell-slash"></i> &middot;
+        Unicode: <span class="upper">f1f6</span> &middot;
+        Created: v4.2 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-bell-slash"></i> fa-bell-slash
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-bell-slash&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/bell/index.html b/icon/bell/index.html
new file mode 100644
index 000000000..fd2944fae
--- /dev/null
+++ b/icon/bell/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-bell: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-bell fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-bell fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-bell fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-bell fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-bell fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-bell fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-bell
+      <small>
+        <i class="fa fa-bell"></i> &middot;
+        Unicode: <span class="upper">f0f3</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-bell"></i> fa-bell
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-bell&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/bicycle/index.html b/icon/bicycle/index.html
new file mode 100644
index 000000000..fd1fae797
--- /dev/null
+++ b/icon/bicycle/index.html
@@ -0,0 +1,251 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-bicycle: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-bicycle fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-bicycle fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-bicycle fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-bicycle fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-bicycle fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-bicycle fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-bicycle
+      <small>
+        <i class="fa fa-bicycle"></i> &middot;
+        Unicode: <span class="upper">f206</span> &middot;
+        Created: v4.2 &middot;
+        Categories:
+        
+          Web Application Icons,
+        
+          Transportation Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-bicycle"></i> fa-bicycle
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-bicycle&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/binoculars/index.html b/icon/binoculars/index.html
new file mode 100644
index 000000000..eb567da11
--- /dev/null
+++ b/icon/binoculars/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-binoculars: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-binoculars fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-binoculars fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-binoculars fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-binoculars fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-binoculars fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-binoculars fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-binoculars
+      <small>
+        <i class="fa fa-binoculars"></i> &middot;
+        Unicode: <span class="upper">f1e5</span> &middot;
+        Created: v4.2 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-binoculars"></i> fa-binoculars
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-binoculars&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/birthday-cake/index.html b/icon/birthday-cake/index.html
new file mode 100644
index 000000000..a0a6a6002
--- /dev/null
+++ b/icon/birthday-cake/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-birthday-cake: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-birthday-cake fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-birthday-cake fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-birthday-cake fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-birthday-cake fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-birthday-cake fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-birthday-cake fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-birthday-cake
+      <small>
+        <i class="fa fa-birthday-cake"></i> &middot;
+        Unicode: <span class="upper">f1fd</span> &middot;
+        Created: v4.2 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-birthday-cake"></i> fa-birthday-cake
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-birthday-cake&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/bitbucket-square/index.html b/icon/bitbucket-square/index.html
new file mode 100644
index 000000000..b6e189846
--- /dev/null
+++ b/icon/bitbucket-square/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-bitbucket-square: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-bitbucket-square fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-bitbucket-square fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-bitbucket-square fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-bitbucket-square fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-bitbucket-square fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-bitbucket-square fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-bitbucket-square
+      <small>
+        <i class="fa fa-bitbucket-square"></i> &middot;
+        Unicode: <span class="upper">f172</span> &middot;
+        Created: v3.2 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-bitbucket-square"></i> fa-bitbucket-square
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-bitbucket-square&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/bitbucket/index.html b/icon/bitbucket/index.html
new file mode 100644
index 000000000..65b9f7dcb
--- /dev/null
+++ b/icon/bitbucket/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-bitbucket: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-bitbucket fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-bitbucket fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-bitbucket fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-bitbucket fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-bitbucket fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-bitbucket fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-bitbucket
+      <small>
+        <i class="fa fa-bitbucket"></i> &middot;
+        Unicode: <span class="upper">f171</span> &middot;
+        Created: v3.2 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-bitbucket"></i> fa-bitbucket
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-bitbucket&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/black-tie/index.html b/icon/black-tie/index.html
new file mode 100644
index 000000000..0106fd8b6
--- /dev/null
+++ b/icon/black-tie/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-black-tie: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-black-tie fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-black-tie fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-black-tie fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-black-tie fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-black-tie fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-black-tie fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-black-tie
+      <small>
+        <i class="fa fa-black-tie"></i> &middot;
+        Unicode: <span class="upper">f27e</span> &middot;
+        Created: v4.4 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        &middot; <a target="_blank" href="http://blacktie.io">blacktie.io<i class="fa fa-external-link-square margin-left-sm"></i></a>
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-black-tie"></i> fa-black-tie
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-black-tie&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/bluetooth-b/index.html b/icon/bluetooth-b/index.html
new file mode 100644
index 000000000..11285049a
--- /dev/null
+++ b/icon/bluetooth-b/index.html
@@ -0,0 +1,251 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-bluetooth-b: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-bluetooth-b fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-bluetooth-b fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-bluetooth-b fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-bluetooth-b fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-bluetooth-b fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-bluetooth-b fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-bluetooth-b
+      <small>
+        <i class="fa fa-bluetooth-b"></i> &middot;
+        Unicode: <span class="upper">f294</span> &middot;
+        Created: v4.5 &middot;
+        Categories:
+        
+          Web Application Icons,
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-bluetooth-b"></i> fa-bluetooth-b
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-bluetooth-b&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/bluetooth/index.html b/icon/bluetooth/index.html
new file mode 100644
index 000000000..d82fde805
--- /dev/null
+++ b/icon/bluetooth/index.html
@@ -0,0 +1,251 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-bluetooth: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-bluetooth fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-bluetooth fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-bluetooth fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-bluetooth fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-bluetooth fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-bluetooth fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-bluetooth
+      <small>
+        <i class="fa fa-bluetooth"></i> &middot;
+        Unicode: <span class="upper">f293</span> &middot;
+        Created: v4.5 &middot;
+        Categories:
+        
+          Web Application Icons,
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-bluetooth"></i> fa-bluetooth
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-bluetooth&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/bold/index.html b/icon/bold/index.html
new file mode 100644
index 000000000..14d0308f6
--- /dev/null
+++ b/icon/bold/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-bold: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-bold fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-bold fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-bold fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-bold fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-bold fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-bold fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-bold
+      <small>
+        <i class="fa fa-bold"></i> &middot;
+        Unicode: <span class="upper">f032</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Text Editor Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-bold"></i> fa-bold
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-bold&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/bolt/index.html b/icon/bolt/index.html
new file mode 100644
index 000000000..912d45271
--- /dev/null
+++ b/icon/bolt/index.html
@@ -0,0 +1,254 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-bolt: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-bolt fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-bolt fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-bolt fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-bolt fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-bolt fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-bolt fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-bolt
+      <small>
+        <i class="fa fa-bolt"></i> &middot;
+        Unicode: <span class="upper">f0e7</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-flash
+          
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-bolt"></i> fa-bolt
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-bolt&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/bomb/index.html b/icon/bomb/index.html
new file mode 100644
index 000000000..eeebfeb21
--- /dev/null
+++ b/icon/bomb/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-bomb: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-bomb fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-bomb fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-bomb fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-bomb fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-bomb fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-bomb fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-bomb
+      <small>
+        <i class="fa fa-bomb"></i> &middot;
+        Unicode: <span class="upper">f1e2</span> &middot;
+        Created: v4.1 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-bomb"></i> fa-bomb
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-bomb&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/book/index.html b/icon/book/index.html
new file mode 100644
index 000000000..108245c95
--- /dev/null
+++ b/icon/book/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-book: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-book fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-book fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-book fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-book fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-book fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-book fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-book
+      <small>
+        <i class="fa fa-book"></i> &middot;
+        Unicode: <span class="upper">f02d</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-book"></i> fa-book
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-book&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/bookmark-o/index.html b/icon/bookmark-o/index.html
new file mode 100644
index 000000000..41bbba3e0
--- /dev/null
+++ b/icon/bookmark-o/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-bookmark-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-bookmark-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-bookmark-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-bookmark-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-bookmark-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-bookmark-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-bookmark-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-bookmark-o
+      <small>
+        <i class="fa fa-bookmark-o"></i> &middot;
+        Unicode: <span class="upper">f097</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-bookmark-o"></i> fa-bookmark-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-bookmark-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/bookmark/index.html b/icon/bookmark/index.html
new file mode 100644
index 000000000..ab38adb4c
--- /dev/null
+++ b/icon/bookmark/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-bookmark: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-bookmark fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-bookmark fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-bookmark fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-bookmark fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-bookmark fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-bookmark fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-bookmark
+      <small>
+        <i class="fa fa-bookmark"></i> &middot;
+        Unicode: <span class="upper">f02e</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-bookmark"></i> fa-bookmark
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-bookmark&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/briefcase/index.html b/icon/briefcase/index.html
new file mode 100644
index 000000000..19ebe4dc5
--- /dev/null
+++ b/icon/briefcase/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-briefcase: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-briefcase fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-briefcase fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-briefcase fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-briefcase fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-briefcase fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-briefcase fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-briefcase
+      <small>
+        <i class="fa fa-briefcase"></i> &middot;
+        Unicode: <span class="upper">f0b1</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-briefcase"></i> fa-briefcase
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-briefcase&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/btc/index.html b/icon/btc/index.html
new file mode 100644
index 000000000..eefd9bb55
--- /dev/null
+++ b/icon/btc/index.html
@@ -0,0 +1,256 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-btc: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-btc fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-btc fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-btc fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-btc fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-btc fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-btc fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-btc
+      <small>
+        <i class="fa fa-btc"></i> &middot;
+        Unicode: <span class="upper">f15a</span> &middot;
+        Created: v3.2 &middot;
+        Categories:
+        
+          Currency Icons,
+        
+          Brand Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-bitcoin
+          
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-btc"></i> fa-btc
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-btc&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/bug/index.html b/icon/bug/index.html
new file mode 100644
index 000000000..872571298
--- /dev/null
+++ b/icon/bug/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-bug: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-bug fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-bug fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-bug fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-bug fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-bug fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-bug fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-bug
+      <small>
+        <i class="fa fa-bug"></i> &middot;
+        Unicode: <span class="upper">f188</span> &middot;
+        Created: v3.2 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-bug"></i> fa-bug
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-bug&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/building-o/index.html b/icon/building-o/index.html
new file mode 100644
index 000000000..790641d32
--- /dev/null
+++ b/icon/building-o/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-building-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-building-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-building-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-building-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-building-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-building-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-building-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-building-o
+      <small>
+        <i class="fa fa-building-o"></i> &middot;
+        Unicode: <span class="upper">f0f7</span> &middot;
+        Created: v3.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-building-o"></i> fa-building-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-building-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/building/index.html b/icon/building/index.html
new file mode 100644
index 000000000..04beef9ad
--- /dev/null
+++ b/icon/building/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-building: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-building fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-building fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-building fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-building fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-building fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-building fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-building
+      <small>
+        <i class="fa fa-building"></i> &middot;
+        Unicode: <span class="upper">f1ad</span> &middot;
+        Created: v4.1 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-building"></i> fa-building
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-building&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/bullhorn/index.html b/icon/bullhorn/index.html
new file mode 100644
index 000000000..cd2e2e48d
--- /dev/null
+++ b/icon/bullhorn/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-bullhorn: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-bullhorn fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-bullhorn fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-bullhorn fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-bullhorn fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-bullhorn fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-bullhorn fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-bullhorn
+      <small>
+        <i class="fa fa-bullhorn"></i> &middot;
+        Unicode: <span class="upper">f0a1</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-bullhorn"></i> fa-bullhorn
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-bullhorn&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/bullseye/index.html b/icon/bullseye/index.html
new file mode 100644
index 000000000..ab613cfd7
--- /dev/null
+++ b/icon/bullseye/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-bullseye: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-bullseye fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-bullseye fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-bullseye fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-bullseye fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-bullseye fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-bullseye fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-bullseye
+      <small>
+        <i class="fa fa-bullseye"></i> &middot;
+        Unicode: <span class="upper">f140</span> &middot;
+        Created: v3.1 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-bullseye"></i> fa-bullseye
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-bullseye&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/bus/index.html b/icon/bus/index.html
new file mode 100644
index 000000000..e5dc043ab
--- /dev/null
+++ b/icon/bus/index.html
@@ -0,0 +1,251 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-bus: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-bus fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-bus fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-bus fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-bus fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-bus fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-bus fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-bus
+      <small>
+        <i class="fa fa-bus"></i> &middot;
+        Unicode: <span class="upper">f207</span> &middot;
+        Created: v4.2 &middot;
+        Categories:
+        
+          Web Application Icons,
+        
+          Transportation Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-bus"></i> fa-bus
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-bus&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/buysellads/index.html b/icon/buysellads/index.html
new file mode 100644
index 000000000..a91c2196c
--- /dev/null
+++ b/icon/buysellads/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-buysellads: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-buysellads fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-buysellads fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-buysellads fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-buysellads fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-buysellads fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-buysellads fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-buysellads
+      <small>
+        <i class="fa fa-buysellads"></i> &middot;
+        Unicode: <span class="upper">f20d</span> &middot;
+        Created: v4.3 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        &middot; <a target="_blank" href="http://buysellads.com">buysellads.com<i class="fa fa-external-link-square margin-left-sm"></i></a>
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-buysellads"></i> fa-buysellads
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-buysellads&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/calculator/index.html b/icon/calculator/index.html
new file mode 100644
index 000000000..2206d1df3
--- /dev/null
+++ b/icon/calculator/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-calculator: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-calculator fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-calculator fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-calculator fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-calculator fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-calculator fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-calculator fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-calculator
+      <small>
+        <i class="fa fa-calculator"></i> &middot;
+        Unicode: <span class="upper">f1ec</span> &middot;
+        Created: v4.2 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-calculator"></i> fa-calculator
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-calculator&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/calendar-check-o/index.html b/icon/calendar-check-o/index.html
new file mode 100644
index 000000000..f3eea151b
--- /dev/null
+++ b/icon/calendar-check-o/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-calendar-check-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-calendar-check-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-calendar-check-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-calendar-check-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-calendar-check-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-calendar-check-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-calendar-check-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-calendar-check-o
+      <small>
+        <i class="fa fa-calendar-check-o"></i> &middot;
+        Unicode: <span class="upper">f274</span> &middot;
+        Created: v4.4 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-calendar-check-o"></i> fa-calendar-check-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-calendar-check-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/calendar-minus-o/index.html b/icon/calendar-minus-o/index.html
new file mode 100644
index 000000000..b35b7f0fc
--- /dev/null
+++ b/icon/calendar-minus-o/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-calendar-minus-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-calendar-minus-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-calendar-minus-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-calendar-minus-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-calendar-minus-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-calendar-minus-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-calendar-minus-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-calendar-minus-o
+      <small>
+        <i class="fa fa-calendar-minus-o"></i> &middot;
+        Unicode: <span class="upper">f272</span> &middot;
+        Created: v4.4 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-calendar-minus-o"></i> fa-calendar-minus-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-calendar-minus-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/calendar-o/index.html b/icon/calendar-o/index.html
new file mode 100644
index 000000000..e322438b7
--- /dev/null
+++ b/icon/calendar-o/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-calendar-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-calendar-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-calendar-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-calendar-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-calendar-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-calendar-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-calendar-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-calendar-o
+      <small>
+        <i class="fa fa-calendar-o"></i> &middot;
+        Unicode: <span class="upper">f133</span> &middot;
+        Created: v3.1 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-calendar-o"></i> fa-calendar-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-calendar-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/calendar-plus-o/index.html b/icon/calendar-plus-o/index.html
new file mode 100644
index 000000000..857a48bc8
--- /dev/null
+++ b/icon/calendar-plus-o/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-calendar-plus-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-calendar-plus-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-calendar-plus-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-calendar-plus-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-calendar-plus-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-calendar-plus-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-calendar-plus-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-calendar-plus-o
+      <small>
+        <i class="fa fa-calendar-plus-o"></i> &middot;
+        Unicode: <span class="upper">f271</span> &middot;
+        Created: v4.4 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-calendar-plus-o"></i> fa-calendar-plus-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-calendar-plus-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/calendar-times-o/index.html b/icon/calendar-times-o/index.html
new file mode 100644
index 000000000..24126fab2
--- /dev/null
+++ b/icon/calendar-times-o/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-calendar-times-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-calendar-times-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-calendar-times-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-calendar-times-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-calendar-times-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-calendar-times-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-calendar-times-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-calendar-times-o
+      <small>
+        <i class="fa fa-calendar-times-o"></i> &middot;
+        Unicode: <span class="upper">f273</span> &middot;
+        Created: v4.4 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-calendar-times-o"></i> fa-calendar-times-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-calendar-times-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/calendar/index.html b/icon/calendar/index.html
new file mode 100644
index 000000000..c686b659b
--- /dev/null
+++ b/icon/calendar/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-calendar: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-calendar fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-calendar fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-calendar fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-calendar fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-calendar fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-calendar fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-calendar
+      <small>
+        <i class="fa fa-calendar"></i> &middot;
+        Unicode: <span class="upper">f073</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-calendar"></i> fa-calendar
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-calendar&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/camera-retro/index.html b/icon/camera-retro/index.html
new file mode 100644
index 000000000..97b738a6f
--- /dev/null
+++ b/icon/camera-retro/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-camera-retro: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-camera-retro fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-camera-retro fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-camera-retro fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-camera-retro fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-camera-retro fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-camera-retro fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-camera-retro
+      <small>
+        <i class="fa fa-camera-retro"></i> &middot;
+        Unicode: <span class="upper">f083</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-camera-retro"></i> fa-camera-retro
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-camera-retro&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/camera/index.html b/icon/camera/index.html
new file mode 100644
index 000000000..98035f00e
--- /dev/null
+++ b/icon/camera/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-camera: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-camera fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-camera fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-camera fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-camera fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-camera fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-camera fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-camera
+      <small>
+        <i class="fa fa-camera"></i> &middot;
+        Unicode: <span class="upper">f030</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-camera"></i> fa-camera
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-camera&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/car/index.html b/icon/car/index.html
new file mode 100644
index 000000000..488b40a38
--- /dev/null
+++ b/icon/car/index.html
@@ -0,0 +1,256 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-car: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-car fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-car fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-car fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-car fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-car fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-car fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-car
+      <small>
+        <i class="fa fa-car"></i> &middot;
+        Unicode: <span class="upper">f1b9</span> &middot;
+        Created: v4.1 &middot;
+        Categories:
+        
+          Web Application Icons,
+        
+          Transportation Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-automobile
+          
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-car"></i> fa-car
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-car&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/caret-down/index.html b/icon/caret-down/index.html
new file mode 100644
index 000000000..d1cbe3e11
--- /dev/null
+++ b/icon/caret-down/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-caret-down: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-caret-down fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-caret-down fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-caret-down fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-caret-down fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-caret-down fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-caret-down fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-caret-down
+      <small>
+        <i class="fa fa-caret-down"></i> &middot;
+        Unicode: <span class="upper">f0d7</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Directional Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-caret-down"></i> fa-caret-down
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-caret-down&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/caret-left/index.html b/icon/caret-left/index.html
new file mode 100644
index 000000000..b7a23d755
--- /dev/null
+++ b/icon/caret-left/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-caret-left: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-caret-left fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-caret-left fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-caret-left fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-caret-left fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-caret-left fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-caret-left fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-caret-left
+      <small>
+        <i class="fa fa-caret-left"></i> &middot;
+        Unicode: <span class="upper">f0d9</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Directional Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-caret-left"></i> fa-caret-left
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-caret-left&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/caret-right/index.html b/icon/caret-right/index.html
new file mode 100644
index 000000000..a656e7253
--- /dev/null
+++ b/icon/caret-right/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-caret-right: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-caret-right fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-caret-right fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-caret-right fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-caret-right fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-caret-right fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-caret-right fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-caret-right
+      <small>
+        <i class="fa fa-caret-right"></i> &middot;
+        Unicode: <span class="upper">f0da</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Directional Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-caret-right"></i> fa-caret-right
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-caret-right&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/caret-square-o-down/index.html b/icon/caret-square-o-down/index.html
new file mode 100644
index 000000000..d69c33f56
--- /dev/null
+++ b/icon/caret-square-o-down/index.html
@@ -0,0 +1,256 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-caret-square-o-down: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-caret-square-o-down fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-caret-square-o-down fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-caret-square-o-down fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-caret-square-o-down fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-caret-square-o-down fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-caret-square-o-down fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-caret-square-o-down
+      <small>
+        <i class="fa fa-caret-square-o-down"></i> &middot;
+        Unicode: <span class="upper">f150</span> &middot;
+        Created: v3.2 &middot;
+        Categories:
+        
+          Web Application Icons,
+        
+          Directional Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-toggle-down
+          
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-caret-square-o-down"></i> fa-caret-square-o-down
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-caret-square-o-down&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/caret-square-o-left/index.html b/icon/caret-square-o-left/index.html
new file mode 100644
index 000000000..8c056bdb0
--- /dev/null
+++ b/icon/caret-square-o-left/index.html
@@ -0,0 +1,256 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-caret-square-o-left: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-caret-square-o-left fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-caret-square-o-left fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-caret-square-o-left fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-caret-square-o-left fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-caret-square-o-left fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-caret-square-o-left fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-caret-square-o-left
+      <small>
+        <i class="fa fa-caret-square-o-left"></i> &middot;
+        Unicode: <span class="upper">f191</span> &middot;
+        Created: v4.0 &middot;
+        Categories:
+        
+          Web Application Icons,
+        
+          Directional Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-toggle-left
+          
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-caret-square-o-left"></i> fa-caret-square-o-left
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-caret-square-o-left&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/caret-square-o-right/index.html b/icon/caret-square-o-right/index.html
new file mode 100644
index 000000000..adcfdd3ef
--- /dev/null
+++ b/icon/caret-square-o-right/index.html
@@ -0,0 +1,256 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-caret-square-o-right: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-caret-square-o-right fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-caret-square-o-right fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-caret-square-o-right fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-caret-square-o-right fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-caret-square-o-right fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-caret-square-o-right fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-caret-square-o-right
+      <small>
+        <i class="fa fa-caret-square-o-right"></i> &middot;
+        Unicode: <span class="upper">f152</span> &middot;
+        Created: v3.2 &middot;
+        Categories:
+        
+          Web Application Icons,
+        
+          Directional Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-toggle-right
+          
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-caret-square-o-right"></i> fa-caret-square-o-right
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-caret-square-o-right&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/caret-square-o-up/index.html b/icon/caret-square-o-up/index.html
new file mode 100644
index 000000000..df4a30c33
--- /dev/null
+++ b/icon/caret-square-o-up/index.html
@@ -0,0 +1,256 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-caret-square-o-up: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-caret-square-o-up fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-caret-square-o-up fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-caret-square-o-up fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-caret-square-o-up fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-caret-square-o-up fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-caret-square-o-up fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-caret-square-o-up
+      <small>
+        <i class="fa fa-caret-square-o-up"></i> &middot;
+        Unicode: <span class="upper">f151</span> &middot;
+        Created: v3.2 &middot;
+        Categories:
+        
+          Web Application Icons,
+        
+          Directional Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-toggle-up
+          
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-caret-square-o-up"></i> fa-caret-square-o-up
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-caret-square-o-up&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/caret-up/index.html b/icon/caret-up/index.html
new file mode 100644
index 000000000..d34113f53
--- /dev/null
+++ b/icon/caret-up/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-caret-up: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-caret-up fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-caret-up fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-caret-up fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-caret-up fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-caret-up fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-caret-up fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-caret-up
+      <small>
+        <i class="fa fa-caret-up"></i> &middot;
+        Unicode: <span class="upper">f0d8</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Directional Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-caret-up"></i> fa-caret-up
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-caret-up&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/cart-arrow-down/index.html b/icon/cart-arrow-down/index.html
new file mode 100644
index 000000000..d1152fde5
--- /dev/null
+++ b/icon/cart-arrow-down/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-cart-arrow-down: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-cart-arrow-down fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-cart-arrow-down fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-cart-arrow-down fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-cart-arrow-down fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-cart-arrow-down fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-cart-arrow-down fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-cart-arrow-down
+      <small>
+        <i class="fa fa-cart-arrow-down"></i> &middot;
+        Unicode: <span class="upper">f218</span> &middot;
+        Created: v4.3 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-cart-arrow-down"></i> fa-cart-arrow-down
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-cart-arrow-down&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/cart-plus/index.html b/icon/cart-plus/index.html
new file mode 100644
index 000000000..054e4bac9
--- /dev/null
+++ b/icon/cart-plus/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-cart-plus: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-cart-plus fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-cart-plus fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-cart-plus fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-cart-plus fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-cart-plus fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-cart-plus fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-cart-plus
+      <small>
+        <i class="fa fa-cart-plus"></i> &middot;
+        Unicode: <span class="upper">f217</span> &middot;
+        Created: v4.3 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-cart-plus"></i> fa-cart-plus
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-cart-plus&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/cc-amex/index.html b/icon/cc-amex/index.html
new file mode 100644
index 000000000..86b04fdc2
--- /dev/null
+++ b/icon/cc-amex/index.html
@@ -0,0 +1,251 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-cc-amex: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-cc-amex fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-cc-amex fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-cc-amex fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-cc-amex fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-cc-amex fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-cc-amex fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-cc-amex
+      <small>
+        <i class="fa fa-cc-amex"></i> &middot;
+        Unicode: <span class="upper">f1f3</span> &middot;
+        Created: v4.2 &middot;
+        Categories:
+        
+          Brand Icons,
+        
+          Payment Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-cc-amex"></i> fa-cc-amex
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-cc-amex&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/cc-diners-club/index.html b/icon/cc-diners-club/index.html
new file mode 100644
index 000000000..ee4ba4ca3
--- /dev/null
+++ b/icon/cc-diners-club/index.html
@@ -0,0 +1,251 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-cc-diners-club: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-cc-diners-club fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-cc-diners-club fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-cc-diners-club fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-cc-diners-club fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-cc-diners-club fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-cc-diners-club fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-cc-diners-club
+      <small>
+        <i class="fa fa-cc-diners-club"></i> &middot;
+        Unicode: <span class="upper">f24c</span> &middot;
+        Created: v4.4 &middot;
+        Categories:
+        
+          Brand Icons,
+        
+          Payment Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-cc-diners-club"></i> fa-cc-diners-club
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-cc-diners-club&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/cc-discover/index.html b/icon/cc-discover/index.html
new file mode 100644
index 000000000..e64aea920
--- /dev/null
+++ b/icon/cc-discover/index.html
@@ -0,0 +1,251 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-cc-discover: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-cc-discover fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-cc-discover fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-cc-discover fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-cc-discover fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-cc-discover fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-cc-discover fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-cc-discover
+      <small>
+        <i class="fa fa-cc-discover"></i> &middot;
+        Unicode: <span class="upper">f1f2</span> &middot;
+        Created: v4.2 &middot;
+        Categories:
+        
+          Brand Icons,
+        
+          Payment Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-cc-discover"></i> fa-cc-discover
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-cc-discover&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/cc-jcb/index.html b/icon/cc-jcb/index.html
new file mode 100644
index 000000000..5e7bd51ce
--- /dev/null
+++ b/icon/cc-jcb/index.html
@@ -0,0 +1,251 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-cc-jcb: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-cc-jcb fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-cc-jcb fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-cc-jcb fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-cc-jcb fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-cc-jcb fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-cc-jcb fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-cc-jcb
+      <small>
+        <i class="fa fa-cc-jcb"></i> &middot;
+        Unicode: <span class="upper">f24b</span> &middot;
+        Created: v4.4 &middot;
+        Categories:
+        
+          Brand Icons,
+        
+          Payment Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-cc-jcb"></i> fa-cc-jcb
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-cc-jcb&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/cc-mastercard/index.html b/icon/cc-mastercard/index.html
new file mode 100644
index 000000000..3e856391f
--- /dev/null
+++ b/icon/cc-mastercard/index.html
@@ -0,0 +1,251 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-cc-mastercard: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-cc-mastercard fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-cc-mastercard fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-cc-mastercard fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-cc-mastercard fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-cc-mastercard fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-cc-mastercard fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-cc-mastercard
+      <small>
+        <i class="fa fa-cc-mastercard"></i> &middot;
+        Unicode: <span class="upper">f1f1</span> &middot;
+        Created: v4.2 &middot;
+        Categories:
+        
+          Brand Icons,
+        
+          Payment Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-cc-mastercard"></i> fa-cc-mastercard
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-cc-mastercard&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/cc-paypal/index.html b/icon/cc-paypal/index.html
new file mode 100644
index 000000000..572e76f62
--- /dev/null
+++ b/icon/cc-paypal/index.html
@@ -0,0 +1,251 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-cc-paypal: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-cc-paypal fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-cc-paypal fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-cc-paypal fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-cc-paypal fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-cc-paypal fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-cc-paypal fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-cc-paypal
+      <small>
+        <i class="fa fa-cc-paypal"></i> &middot;
+        Unicode: <span class="upper">f1f4</span> &middot;
+        Created: v4.2 &middot;
+        Categories:
+        
+          Brand Icons,
+        
+          Payment Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-cc-paypal"></i> fa-cc-paypal
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-cc-paypal&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/cc-stripe/index.html b/icon/cc-stripe/index.html
new file mode 100644
index 000000000..e032dd4c6
--- /dev/null
+++ b/icon/cc-stripe/index.html
@@ -0,0 +1,251 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-cc-stripe: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-cc-stripe fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-cc-stripe fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-cc-stripe fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-cc-stripe fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-cc-stripe fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-cc-stripe fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-cc-stripe
+      <small>
+        <i class="fa fa-cc-stripe"></i> &middot;
+        Unicode: <span class="upper">f1f5</span> &middot;
+        Created: v4.2 &middot;
+        Categories:
+        
+          Brand Icons,
+        
+          Payment Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-cc-stripe"></i> fa-cc-stripe
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-cc-stripe&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/cc-visa/index.html b/icon/cc-visa/index.html
new file mode 100644
index 000000000..cf8a818ed
--- /dev/null
+++ b/icon/cc-visa/index.html
@@ -0,0 +1,251 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-cc-visa: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-cc-visa fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-cc-visa fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-cc-visa fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-cc-visa fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-cc-visa fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-cc-visa fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-cc-visa
+      <small>
+        <i class="fa fa-cc-visa"></i> &middot;
+        Unicode: <span class="upper">f1f0</span> &middot;
+        Created: v4.2 &middot;
+        Categories:
+        
+          Brand Icons,
+        
+          Payment Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-cc-visa"></i> fa-cc-visa
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-cc-visa&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/cc/index.html b/icon/cc/index.html
new file mode 100644
index 000000000..fc2b4eefa
--- /dev/null
+++ b/icon/cc/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-cc: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-cc fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-cc fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-cc fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-cc fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-cc fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-cc fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-cc
+      <small>
+        <i class="fa fa-cc"></i> &middot;
+        Unicode: <span class="upper">f20a</span> &middot;
+        Created: v4.2 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-cc"></i> fa-cc
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-cc&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/certificate/index.html b/icon/certificate/index.html
new file mode 100644
index 000000000..c57ec3e53
--- /dev/null
+++ b/icon/certificate/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-certificate: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-certificate fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-certificate fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-certificate fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-certificate fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-certificate fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-certificate fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-certificate
+      <small>
+        <i class="fa fa-certificate"></i> &middot;
+        Unicode: <span class="upper">f0a3</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-certificate"></i> fa-certificate
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-certificate&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/chain-broken/index.html b/icon/chain-broken/index.html
new file mode 100644
index 000000000..b98e9ac70
--- /dev/null
+++ b/icon/chain-broken/index.html
@@ -0,0 +1,254 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-chain-broken: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-chain-broken fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-chain-broken fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-chain-broken fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-chain-broken fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-chain-broken fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-chain-broken fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-chain-broken
+      <small>
+        <i class="fa fa-chain-broken"></i> &middot;
+        Unicode: <span class="upper">f127</span> &middot;
+        Created: v3.1 &middot;
+        Categories:
+        
+          Text Editor Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-unlink
+          
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-chain-broken"></i> fa-chain-broken
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-chain-broken&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/check-circle-o/index.html b/icon/check-circle-o/index.html
new file mode 100644
index 000000000..cd47d2963
--- /dev/null
+++ b/icon/check-circle-o/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-check-circle-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-check-circle-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-check-circle-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-check-circle-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-check-circle-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-check-circle-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-check-circle-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-check-circle-o
+      <small>
+        <i class="fa fa-check-circle-o"></i> &middot;
+        Unicode: <span class="upper">f05d</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-check-circle-o"></i> fa-check-circle-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-check-circle-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/check-circle/index.html b/icon/check-circle/index.html
new file mode 100644
index 000000000..f3c7090a7
--- /dev/null
+++ b/icon/check-circle/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-check-circle: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-check-circle fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-check-circle fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-check-circle fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-check-circle fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-check-circle fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-check-circle fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-check-circle
+      <small>
+        <i class="fa fa-check-circle"></i> &middot;
+        Unicode: <span class="upper">f058</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-check-circle"></i> fa-check-circle
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-check-circle&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/check-square-o/index.html b/icon/check-square-o/index.html
new file mode 100644
index 000000000..c9c052c26
--- /dev/null
+++ b/icon/check-square-o/index.html
@@ -0,0 +1,251 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-check-square-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-check-square-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-check-square-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-check-square-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-check-square-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-check-square-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-check-square-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-check-square-o
+      <small>
+        <i class="fa fa-check-square-o"></i> &middot;
+        Unicode: <span class="upper">f046</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons,
+        
+          Form Control Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-check-square-o"></i> fa-check-square-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-check-square-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/check-square/index.html b/icon/check-square/index.html
new file mode 100644
index 000000000..b269ae8a7
--- /dev/null
+++ b/icon/check-square/index.html
@@ -0,0 +1,251 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-check-square: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-check-square fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-check-square fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-check-square fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-check-square fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-check-square fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-check-square fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-check-square
+      <small>
+        <i class="fa fa-check-square"></i> &middot;
+        Unicode: <span class="upper">f14a</span> &middot;
+        Created: v3.1 &middot;
+        Categories:
+        
+          Web Application Icons,
+        
+          Form Control Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-check-square"></i> fa-check-square
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-check-square&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/check/index.html b/icon/check/index.html
new file mode 100644
index 000000000..e4e698fc3
--- /dev/null
+++ b/icon/check/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-check: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-check fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-check fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-check fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-check fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-check fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-check fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-check
+      <small>
+        <i class="fa fa-check"></i> &middot;
+        Unicode: <span class="upper">f00c</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-check"></i> fa-check
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-check&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/chevron-circle-down/index.html b/icon/chevron-circle-down/index.html
new file mode 100644
index 000000000..cfd3818d4
--- /dev/null
+++ b/icon/chevron-circle-down/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-chevron-circle-down: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-chevron-circle-down fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-chevron-circle-down fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-chevron-circle-down fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-chevron-circle-down fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-chevron-circle-down fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-chevron-circle-down fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-chevron-circle-down
+      <small>
+        <i class="fa fa-chevron-circle-down"></i> &middot;
+        Unicode: <span class="upper">f13a</span> &middot;
+        Created: v3.1 &middot;
+        Categories:
+        
+          Directional Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-chevron-circle-down"></i> fa-chevron-circle-down
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-chevron-circle-down&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/chevron-circle-left/index.html b/icon/chevron-circle-left/index.html
new file mode 100644
index 000000000..af09230e7
--- /dev/null
+++ b/icon/chevron-circle-left/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-chevron-circle-left: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-chevron-circle-left fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-chevron-circle-left fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-chevron-circle-left fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-chevron-circle-left fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-chevron-circle-left fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-chevron-circle-left fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-chevron-circle-left
+      <small>
+        <i class="fa fa-chevron-circle-left"></i> &middot;
+        Unicode: <span class="upper">f137</span> &middot;
+        Created: v3.1 &middot;
+        Categories:
+        
+          Directional Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-chevron-circle-left"></i> fa-chevron-circle-left
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-chevron-circle-left&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/chevron-circle-right/index.html b/icon/chevron-circle-right/index.html
new file mode 100644
index 000000000..2a8ffdfc9
--- /dev/null
+++ b/icon/chevron-circle-right/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-chevron-circle-right: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-chevron-circle-right fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-chevron-circle-right fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-chevron-circle-right fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-chevron-circle-right fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-chevron-circle-right fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-chevron-circle-right fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-chevron-circle-right
+      <small>
+        <i class="fa fa-chevron-circle-right"></i> &middot;
+        Unicode: <span class="upper">f138</span> &middot;
+        Created: v3.1 &middot;
+        Categories:
+        
+          Directional Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-chevron-circle-right"></i> fa-chevron-circle-right
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-chevron-circle-right&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/chevron-circle-up/index.html b/icon/chevron-circle-up/index.html
new file mode 100644
index 000000000..c961fdd60
--- /dev/null
+++ b/icon/chevron-circle-up/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-chevron-circle-up: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-chevron-circle-up fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-chevron-circle-up fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-chevron-circle-up fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-chevron-circle-up fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-chevron-circle-up fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-chevron-circle-up fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-chevron-circle-up
+      <small>
+        <i class="fa fa-chevron-circle-up"></i> &middot;
+        Unicode: <span class="upper">f139</span> &middot;
+        Created: v3.1 &middot;
+        Categories:
+        
+          Directional Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-chevron-circle-up"></i> fa-chevron-circle-up
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-chevron-circle-up&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/chevron-down/index.html b/icon/chevron-down/index.html
new file mode 100644
index 000000000..acdfed03c
--- /dev/null
+++ b/icon/chevron-down/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-chevron-down: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-chevron-down fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-chevron-down fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-chevron-down fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-chevron-down fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-chevron-down fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-chevron-down fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-chevron-down
+      <small>
+        <i class="fa fa-chevron-down"></i> &middot;
+        Unicode: <span class="upper">f078</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Directional Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-chevron-down"></i> fa-chevron-down
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-chevron-down&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/chevron-left/index.html b/icon/chevron-left/index.html
new file mode 100644
index 000000000..8abef64fc
--- /dev/null
+++ b/icon/chevron-left/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-chevron-left: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-chevron-left fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-chevron-left fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-chevron-left fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-chevron-left fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-chevron-left fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-chevron-left fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-chevron-left
+      <small>
+        <i class="fa fa-chevron-left"></i> &middot;
+        Unicode: <span class="upper">f053</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Directional Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-chevron-left"></i> fa-chevron-left
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-chevron-left&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/chevron-right/index.html b/icon/chevron-right/index.html
new file mode 100644
index 000000000..fc6aad897
--- /dev/null
+++ b/icon/chevron-right/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-chevron-right: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-chevron-right fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-chevron-right fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-chevron-right fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-chevron-right fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-chevron-right fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-chevron-right fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-chevron-right
+      <small>
+        <i class="fa fa-chevron-right"></i> &middot;
+        Unicode: <span class="upper">f054</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Directional Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-chevron-right"></i> fa-chevron-right
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-chevron-right&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/chevron-up/index.html b/icon/chevron-up/index.html
new file mode 100644
index 000000000..7b47f9f26
--- /dev/null
+++ b/icon/chevron-up/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-chevron-up: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-chevron-up fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-chevron-up fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-chevron-up fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-chevron-up fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-chevron-up fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-chevron-up fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-chevron-up
+      <small>
+        <i class="fa fa-chevron-up"></i> &middot;
+        Unicode: <span class="upper">f077</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Directional Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-chevron-up"></i> fa-chevron-up
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-chevron-up&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/child/index.html b/icon/child/index.html
new file mode 100644
index 000000000..e30ce66d6
--- /dev/null
+++ b/icon/child/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-child: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-child fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-child fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-child fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-child fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-child fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-child fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-child
+      <small>
+        <i class="fa fa-child"></i> &middot;
+        Unicode: <span class="upper">f1ae</span> &middot;
+        Created: v4.1 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-child"></i> fa-child
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-child&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/chrome/index.html b/icon/chrome/index.html
new file mode 100644
index 000000000..f50185556
--- /dev/null
+++ b/icon/chrome/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-chrome: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-chrome fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-chrome fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-chrome fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-chrome fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-chrome fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-chrome fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-chrome
+      <small>
+        <i class="fa fa-chrome"></i> &middot;
+        Unicode: <span class="upper">f268</span> &middot;
+        Created: v4.4 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-chrome"></i> fa-chrome
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-chrome&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/circle-o-notch/index.html b/icon/circle-o-notch/index.html
new file mode 100644
index 000000000..6ff166b8f
--- /dev/null
+++ b/icon/circle-o-notch/index.html
@@ -0,0 +1,251 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-circle-o-notch: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-circle-o-notch fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-circle-o-notch fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-circle-o-notch fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-circle-o-notch fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-circle-o-notch fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-circle-o-notch fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-circle-o-notch
+      <small>
+        <i class="fa fa-circle-o-notch"></i> &middot;
+        Unicode: <span class="upper">f1ce</span> &middot;
+        Created: v4.1 &middot;
+        Categories:
+        
+          Web Application Icons,
+        
+          Spinner Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-circle-o-notch"></i> fa-circle-o-notch
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-circle-o-notch&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/circle-o/index.html b/icon/circle-o/index.html
new file mode 100644
index 000000000..dc3be772d
--- /dev/null
+++ b/icon/circle-o/index.html
@@ -0,0 +1,251 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-circle-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-circle-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-circle-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-circle-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-circle-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-circle-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-circle-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-circle-o
+      <small>
+        <i class="fa fa-circle-o"></i> &middot;
+        Unicode: <span class="upper">f10c</span> &middot;
+        Created: v3.0 &middot;
+        Categories:
+        
+          Web Application Icons,
+        
+          Form Control Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-circle-o"></i> fa-circle-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-circle-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/circle-thin/index.html b/icon/circle-thin/index.html
new file mode 100644
index 000000000..718517b90
--- /dev/null
+++ b/icon/circle-thin/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-circle-thin: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-circle-thin fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-circle-thin fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-circle-thin fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-circle-thin fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-circle-thin fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-circle-thin fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-circle-thin
+      <small>
+        <i class="fa fa-circle-thin"></i> &middot;
+        Unicode: <span class="upper">f1db</span> &middot;
+        Created: v4.1 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-circle-thin"></i> fa-circle-thin
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-circle-thin&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/circle/index.html b/icon/circle/index.html
new file mode 100644
index 000000000..09df501bf
--- /dev/null
+++ b/icon/circle/index.html
@@ -0,0 +1,251 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-circle: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-circle fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-circle fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-circle fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-circle fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-circle fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-circle fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-circle
+      <small>
+        <i class="fa fa-circle"></i> &middot;
+        Unicode: <span class="upper">f111</span> &middot;
+        Created: v3.0 &middot;
+        Categories:
+        
+          Web Application Icons,
+        
+          Form Control Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-circle"></i> fa-circle
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-circle&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/clipboard/index.html b/icon/clipboard/index.html
new file mode 100644
index 000000000..0ddce642d
--- /dev/null
+++ b/icon/clipboard/index.html
@@ -0,0 +1,254 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-clipboard: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-clipboard fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-clipboard fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-clipboard fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-clipboard fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-clipboard fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-clipboard fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-clipboard
+      <small>
+        <i class="fa fa-clipboard"></i> &middot;
+        Unicode: <span class="upper">f0ea</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Text Editor Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-paste
+          
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-clipboard"></i> fa-clipboard
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-clipboard&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/clock-o/index.html b/icon/clock-o/index.html
new file mode 100644
index 000000000..029e6806d
--- /dev/null
+++ b/icon/clock-o/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-clock-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-clock-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-clock-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-clock-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-clock-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-clock-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-clock-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-clock-o
+      <small>
+        <i class="fa fa-clock-o"></i> &middot;
+        Unicode: <span class="upper">f017</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-clock-o"></i> fa-clock-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-clock-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/clone/index.html b/icon/clone/index.html
new file mode 100644
index 000000000..c54bd8880
--- /dev/null
+++ b/icon/clone/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-clone: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-clone fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-clone fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-clone fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-clone fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-clone fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-clone fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-clone
+      <small>
+        <i class="fa fa-clone"></i> &middot;
+        Unicode: <span class="upper">f24d</span> &middot;
+        Created: v4.4 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-clone"></i> fa-clone
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-clone&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/cloud-download/index.html b/icon/cloud-download/index.html
new file mode 100644
index 000000000..431ee7b8f
--- /dev/null
+++ b/icon/cloud-download/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-cloud-download: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-cloud-download fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-cloud-download fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-cloud-download fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-cloud-download fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-cloud-download fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-cloud-download fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-cloud-download
+      <small>
+        <i class="fa fa-cloud-download"></i> &middot;
+        Unicode: <span class="upper">f0ed</span> &middot;
+        Created: v3.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-cloud-download"></i> fa-cloud-download
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-cloud-download&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/cloud-upload/index.html b/icon/cloud-upload/index.html
new file mode 100644
index 000000000..1bc3e96fc
--- /dev/null
+++ b/icon/cloud-upload/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-cloud-upload: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-cloud-upload fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-cloud-upload fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-cloud-upload fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-cloud-upload fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-cloud-upload fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-cloud-upload fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-cloud-upload
+      <small>
+        <i class="fa fa-cloud-upload"></i> &middot;
+        Unicode: <span class="upper">f0ee</span> &middot;
+        Created: v3.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-cloud-upload"></i> fa-cloud-upload
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-cloud-upload&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/cloud/index.html b/icon/cloud/index.html
new file mode 100644
index 000000000..433ef792b
--- /dev/null
+++ b/icon/cloud/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-cloud: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-cloud fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-cloud fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-cloud fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-cloud fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-cloud fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-cloud fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-cloud
+      <small>
+        <i class="fa fa-cloud"></i> &middot;
+        Unicode: <span class="upper">f0c2</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-cloud"></i> fa-cloud
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-cloud&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/code-fork/index.html b/icon/code-fork/index.html
new file mode 100644
index 000000000..8b1c3a173
--- /dev/null
+++ b/icon/code-fork/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-code-fork: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-code-fork fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-code-fork fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-code-fork fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-code-fork fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-code-fork fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-code-fork fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-code-fork
+      <small>
+        <i class="fa fa-code-fork"></i> &middot;
+        Unicode: <span class="upper">f126</span> &middot;
+        Created: v3.1 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-code-fork"></i> fa-code-fork
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-code-fork&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/code/index.html b/icon/code/index.html
new file mode 100644
index 000000000..b9a0f82c7
--- /dev/null
+++ b/icon/code/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-code: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-code fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-code fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-code fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-code fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-code fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-code fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-code
+      <small>
+        <i class="fa fa-code"></i> &middot;
+        Unicode: <span class="upper">f121</span> &middot;
+        Created: v3.1 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-code"></i> fa-code
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-code&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/codepen/index.html b/icon/codepen/index.html
new file mode 100644
index 000000000..c80cd5e60
--- /dev/null
+++ b/icon/codepen/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-codepen: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-codepen fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-codepen fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-codepen fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-codepen fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-codepen fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-codepen fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-codepen
+      <small>
+        <i class="fa fa-codepen"></i> &middot;
+        Unicode: <span class="upper">f1cb</span> &middot;
+        Created: v4.1 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-codepen"></i> fa-codepen
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-codepen&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/codiepie/index.html b/icon/codiepie/index.html
new file mode 100644
index 000000000..46f6bb45a
--- /dev/null
+++ b/icon/codiepie/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-codiepie: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-codiepie fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-codiepie fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-codiepie fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-codiepie fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-codiepie fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-codiepie fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-codiepie
+      <small>
+        <i class="fa fa-codiepie"></i> &middot;
+        Unicode: <span class="upper">f284</span> &middot;
+        Created: v4.5 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        &middot; <a target="_blank" href="http://codiepie.com">codiepie.com<i class="fa fa-external-link-square margin-left-sm"></i></a>
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-codiepie"></i> fa-codiepie
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-codiepie&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/coffee/index.html b/icon/coffee/index.html
new file mode 100644
index 000000000..cc7f71a60
--- /dev/null
+++ b/icon/coffee/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-coffee: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-coffee fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-coffee fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-coffee fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-coffee fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-coffee fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-coffee fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-coffee
+      <small>
+        <i class="fa fa-coffee"></i> &middot;
+        Unicode: <span class="upper">f0f4</span> &middot;
+        Created: v3.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-coffee"></i> fa-coffee
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-coffee&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/cog/index.html b/icon/cog/index.html
new file mode 100644
index 000000000..6d1b874e4
--- /dev/null
+++ b/icon/cog/index.html
@@ -0,0 +1,256 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-cog: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-cog fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-cog fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-cog fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-cog fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-cog fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-cog fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-cog
+      <small>
+        <i class="fa fa-cog"></i> &middot;
+        Unicode: <span class="upper">f013</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons,
+        
+          Spinner Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-gear
+          
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-cog"></i> fa-cog
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-cog&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/cogs/index.html b/icon/cogs/index.html
new file mode 100644
index 000000000..52748ad45
--- /dev/null
+++ b/icon/cogs/index.html
@@ -0,0 +1,254 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-cogs: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-cogs fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-cogs fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-cogs fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-cogs fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-cogs fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-cogs fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-cogs
+      <small>
+        <i class="fa fa-cogs"></i> &middot;
+        Unicode: <span class="upper">f085</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-gears
+          
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-cogs"></i> fa-cogs
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-cogs&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/columns/index.html b/icon/columns/index.html
new file mode 100644
index 000000000..28884aac8
--- /dev/null
+++ b/icon/columns/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-columns: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-columns fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-columns fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-columns fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-columns fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-columns fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-columns fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-columns
+      <small>
+        <i class="fa fa-columns"></i> &middot;
+        Unicode: <span class="upper">f0db</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Text Editor Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-columns"></i> fa-columns
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-columns&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/comment-o/index.html b/icon/comment-o/index.html
new file mode 100644
index 000000000..2ed17bd82
--- /dev/null
+++ b/icon/comment-o/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-comment-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-comment-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-comment-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-comment-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-comment-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-comment-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-comment-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-comment-o
+      <small>
+        <i class="fa fa-comment-o"></i> &middot;
+        Unicode: <span class="upper">f0e5</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-comment-o"></i> fa-comment-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-comment-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/comment/index.html b/icon/comment/index.html
new file mode 100644
index 000000000..92362d1fa
--- /dev/null
+++ b/icon/comment/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-comment: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-comment fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-comment fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-comment fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-comment fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-comment fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-comment fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-comment
+      <small>
+        <i class="fa fa-comment"></i> &middot;
+        Unicode: <span class="upper">f075</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-comment"></i> fa-comment
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-comment&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/commenting-o/index.html b/icon/commenting-o/index.html
new file mode 100644
index 000000000..0605d094c
--- /dev/null
+++ b/icon/commenting-o/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-commenting-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-commenting-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-commenting-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-commenting-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-commenting-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-commenting-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-commenting-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-commenting-o
+      <small>
+        <i class="fa fa-commenting-o"></i> &middot;
+        Unicode: <span class="upper">f27b</span> &middot;
+        Created: v4.4 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-commenting-o"></i> fa-commenting-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-commenting-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/commenting/index.html b/icon/commenting/index.html
new file mode 100644
index 000000000..518e488a9
--- /dev/null
+++ b/icon/commenting/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-commenting: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-commenting fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-commenting fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-commenting fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-commenting fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-commenting fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-commenting fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-commenting
+      <small>
+        <i class="fa fa-commenting"></i> &middot;
+        Unicode: <span class="upper">f27a</span> &middot;
+        Created: v4.4 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-commenting"></i> fa-commenting
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-commenting&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/comments-o/index.html b/icon/comments-o/index.html
new file mode 100644
index 000000000..6dc6252c9
--- /dev/null
+++ b/icon/comments-o/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-comments-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-comments-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-comments-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-comments-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-comments-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-comments-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-comments-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-comments-o
+      <small>
+        <i class="fa fa-comments-o"></i> &middot;
+        Unicode: <span class="upper">f0e6</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-comments-o"></i> fa-comments-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-comments-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/comments/index.html b/icon/comments/index.html
new file mode 100644
index 000000000..fcaf0184b
--- /dev/null
+++ b/icon/comments/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-comments: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-comments fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-comments fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-comments fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-comments fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-comments fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-comments fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-comments
+      <small>
+        <i class="fa fa-comments"></i> &middot;
+        Unicode: <span class="upper">f086</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-comments"></i> fa-comments
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-comments&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/compass/index.html b/icon/compass/index.html
new file mode 100644
index 000000000..1c744da66
--- /dev/null
+++ b/icon/compass/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-compass: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-compass fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-compass fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-compass fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-compass fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-compass fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-compass fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-compass
+      <small>
+        <i class="fa fa-compass"></i> &middot;
+        Unicode: <span class="upper">f14e</span> &middot;
+        Created: v3.2 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-compass"></i> fa-compass
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-compass&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/compress/index.html b/icon/compress/index.html
new file mode 100644
index 000000000..8910a7426
--- /dev/null
+++ b/icon/compress/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-compress: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-compress fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-compress fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-compress fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-compress fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-compress fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-compress fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-compress
+      <small>
+        <i class="fa fa-compress"></i> &middot;
+        Unicode: <span class="upper">f066</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Video Player Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-compress"></i> fa-compress
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-compress&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/connectdevelop/index.html b/icon/connectdevelop/index.html
new file mode 100644
index 000000000..f0b677af0
--- /dev/null
+++ b/icon/connectdevelop/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-connectdevelop: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-connectdevelop fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-connectdevelop fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-connectdevelop fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-connectdevelop fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-connectdevelop fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-connectdevelop fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-connectdevelop
+      <small>
+        <i class="fa fa-connectdevelop"></i> &middot;
+        Unicode: <span class="upper">f20e</span> &middot;
+        Created: v4.3 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        &middot; <a target="_blank" href="http://connectdevelop.com">connectdevelop.com<i class="fa fa-external-link-square margin-left-sm"></i></a>
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-connectdevelop"></i> fa-connectdevelop
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-connectdevelop&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/contao/index.html b/icon/contao/index.html
new file mode 100644
index 000000000..61786e12f
--- /dev/null
+++ b/icon/contao/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-contao: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-contao fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-contao fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-contao fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-contao fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-contao fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-contao fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-contao
+      <small>
+        <i class="fa fa-contao"></i> &middot;
+        Unicode: <span class="upper">f26d</span> &middot;
+        Created: v4.4 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-contao"></i> fa-contao
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-contao&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/copyright/index.html b/icon/copyright/index.html
new file mode 100644
index 000000000..364c07d28
--- /dev/null
+++ b/icon/copyright/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-copyright: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-copyright fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-copyright fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-copyright fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-copyright fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-copyright fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-copyright fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-copyright
+      <small>
+        <i class="fa fa-copyright"></i> &middot;
+        Unicode: <span class="upper">f1f9</span> &middot;
+        Created: v4.2 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-copyright"></i> fa-copyright
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-copyright&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/creative-commons/index.html b/icon/creative-commons/index.html
new file mode 100644
index 000000000..26c75c237
--- /dev/null
+++ b/icon/creative-commons/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-creative-commons: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-creative-commons fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-creative-commons fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-creative-commons fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-creative-commons fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-creative-commons fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-creative-commons fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-creative-commons
+      <small>
+        <i class="fa fa-creative-commons"></i> &middot;
+        Unicode: <span class="upper">f25e</span> &middot;
+        Created: v4.4 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-creative-commons"></i> fa-creative-commons
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-creative-commons&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/credit-card-alt/index.html b/icon/credit-card-alt/index.html
new file mode 100644
index 000000000..e1db9ec8b
--- /dev/null
+++ b/icon/credit-card-alt/index.html
@@ -0,0 +1,251 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-credit-card-alt: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-credit-card-alt fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-credit-card-alt fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-credit-card-alt fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-credit-card-alt fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-credit-card-alt fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-credit-card-alt fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-credit-card-alt
+      <small>
+        <i class="fa fa-credit-card-alt"></i> &middot;
+        Unicode: <span class="upper">f283</span> &middot;
+        Created: v4.5 &middot;
+        Categories:
+        
+          Payment Icons,
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-credit-card-alt"></i> fa-credit-card-alt
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-credit-card-alt&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/credit-card/index.html b/icon/credit-card/index.html
new file mode 100644
index 000000000..cc6fc03a5
--- /dev/null
+++ b/icon/credit-card/index.html
@@ -0,0 +1,251 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-credit-card: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-credit-card fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-credit-card fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-credit-card fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-credit-card fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-credit-card fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-credit-card fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-credit-card
+      <small>
+        <i class="fa fa-credit-card"></i> &middot;
+        Unicode: <span class="upper">f09d</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Web Application Icons,
+        
+          Payment Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-credit-card"></i> fa-credit-card
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-credit-card&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/crop/index.html b/icon/crop/index.html
new file mode 100644
index 000000000..05d29537e
--- /dev/null
+++ b/icon/crop/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-crop: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-crop fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-crop fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-crop fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-crop fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-crop fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-crop fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-crop
+      <small>
+        <i class="fa fa-crop"></i> &middot;
+        Unicode: <span class="upper">f125</span> &middot;
+        Created: v3.1 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-crop"></i> fa-crop
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-crop&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/crosshairs/index.html b/icon/crosshairs/index.html
new file mode 100644
index 000000000..13d33de60
--- /dev/null
+++ b/icon/crosshairs/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-crosshairs: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-crosshairs fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-crosshairs fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-crosshairs fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-crosshairs fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-crosshairs fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-crosshairs fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-crosshairs
+      <small>
+        <i class="fa fa-crosshairs"></i> &middot;
+        Unicode: <span class="upper">f05b</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-crosshairs"></i> fa-crosshairs
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-crosshairs&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/css3/index.html b/icon/css3/index.html
new file mode 100644
index 000000000..5992aaec2
--- /dev/null
+++ b/icon/css3/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-css3: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-css3 fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-css3 fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-css3 fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-css3 fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-css3 fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-css3 fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-css3
+      <small>
+        <i class="fa fa-css3"></i> &middot;
+        Unicode: <span class="upper">f13c</span> &middot;
+        Created: v3.1 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-css3"></i> fa-css3
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-css3&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/cube/index.html b/icon/cube/index.html
new file mode 100644
index 000000000..783ebb223
--- /dev/null
+++ b/icon/cube/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-cube: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-cube fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-cube fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-cube fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-cube fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-cube fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-cube fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-cube
+      <small>
+        <i class="fa fa-cube"></i> &middot;
+        Unicode: <span class="upper">f1b2</span> &middot;
+        Created: v4.1 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-cube"></i> fa-cube
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-cube&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/cubes/index.html b/icon/cubes/index.html
new file mode 100644
index 000000000..40b87e3f5
--- /dev/null
+++ b/icon/cubes/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-cubes: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-cubes fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-cubes fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-cubes fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-cubes fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-cubes fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-cubes fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-cubes
+      <small>
+        <i class="fa fa-cubes"></i> &middot;
+        Unicode: <span class="upper">f1b3</span> &middot;
+        Created: v4.1 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-cubes"></i> fa-cubes
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-cubes&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/cutlery/index.html b/icon/cutlery/index.html
new file mode 100644
index 000000000..543ce39e8
--- /dev/null
+++ b/icon/cutlery/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-cutlery: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-cutlery fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-cutlery fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-cutlery fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-cutlery fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-cutlery fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-cutlery fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-cutlery
+      <small>
+        <i class="fa fa-cutlery"></i> &middot;
+        Unicode: <span class="upper">f0f5</span> &middot;
+        Created: v3.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-cutlery"></i> fa-cutlery
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-cutlery&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/dashcube/index.html b/icon/dashcube/index.html
new file mode 100644
index 000000000..e1c5fb800
--- /dev/null
+++ b/icon/dashcube/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-dashcube: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-dashcube fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-dashcube fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-dashcube fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-dashcube fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-dashcube fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-dashcube fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-dashcube
+      <small>
+        <i class="fa fa-dashcube"></i> &middot;
+        Unicode: <span class="upper">f210</span> &middot;
+        Created: v4.3 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        &middot; <a target="_blank" href="http://dashcube.com">dashcube.com<i class="fa fa-external-link-square margin-left-sm"></i></a>
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-dashcube"></i> fa-dashcube
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-dashcube&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/database/index.html b/icon/database/index.html
new file mode 100644
index 000000000..20725ab95
--- /dev/null
+++ b/icon/database/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-database: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-database fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-database fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-database fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-database fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-database fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-database fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-database
+      <small>
+        <i class="fa fa-database"></i> &middot;
+        Unicode: <span class="upper">f1c0</span> &middot;
+        Created: v4.1 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-database"></i> fa-database
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-database&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/delicious/index.html b/icon/delicious/index.html
new file mode 100644
index 000000000..0450701b0
--- /dev/null
+++ b/icon/delicious/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-delicious: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-delicious fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-delicious fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-delicious fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-delicious fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-delicious fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-delicious fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-delicious
+      <small>
+        <i class="fa fa-delicious"></i> &middot;
+        Unicode: <span class="upper">f1a5</span> &middot;
+        Created: v4.1 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-delicious"></i> fa-delicious
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-delicious&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/desktop/index.html b/icon/desktop/index.html
new file mode 100644
index 000000000..efeae83bd
--- /dev/null
+++ b/icon/desktop/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-desktop: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-desktop fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-desktop fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-desktop fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-desktop fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-desktop fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-desktop fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-desktop
+      <small>
+        <i class="fa fa-desktop"></i> &middot;
+        Unicode: <span class="upper">f108</span> &middot;
+        Created: v3.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-desktop"></i> fa-desktop
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-desktop&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/deviantart/index.html b/icon/deviantart/index.html
new file mode 100644
index 000000000..2a01ca686
--- /dev/null
+++ b/icon/deviantart/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-deviantart: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-deviantart fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-deviantart fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-deviantart fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-deviantart fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-deviantart fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-deviantart fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-deviantart
+      <small>
+        <i class="fa fa-deviantart"></i> &middot;
+        Unicode: <span class="upper">f1bd</span> &middot;
+        Created: v4.1 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-deviantart"></i> fa-deviantart
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-deviantart&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/diamond/index.html b/icon/diamond/index.html
new file mode 100644
index 000000000..da98b714d
--- /dev/null
+++ b/icon/diamond/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-diamond: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-diamond fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-diamond fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-diamond fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-diamond fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-diamond fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-diamond fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-diamond
+      <small>
+        <i class="fa fa-diamond"></i> &middot;
+        Unicode: <span class="upper">f219</span> &middot;
+        Created: v4.3 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-diamond"></i> fa-diamond
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-diamond&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/digg/index.html b/icon/digg/index.html
new file mode 100644
index 000000000..f68df7a82
--- /dev/null
+++ b/icon/digg/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-digg: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-digg fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-digg fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-digg fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-digg fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-digg fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-digg fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-digg
+      <small>
+        <i class="fa fa-digg"></i> &middot;
+        Unicode: <span class="upper">f1a6</span> &middot;
+        Created: v4.1 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-digg"></i> fa-digg
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-digg&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/dot-circle-o/index.html b/icon/dot-circle-o/index.html
new file mode 100644
index 000000000..d6054cefd
--- /dev/null
+++ b/icon/dot-circle-o/index.html
@@ -0,0 +1,251 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-dot-circle-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-dot-circle-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-dot-circle-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-dot-circle-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-dot-circle-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-dot-circle-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-dot-circle-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-dot-circle-o
+      <small>
+        <i class="fa fa-dot-circle-o"></i> &middot;
+        Unicode: <span class="upper">f192</span> &middot;
+        Created: v4.0 &middot;
+        Categories:
+        
+          Web Application Icons,
+        
+          Form Control Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-dot-circle-o"></i> fa-dot-circle-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-dot-circle-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/download/index.html b/icon/download/index.html
new file mode 100644
index 000000000..1ab25aecd
--- /dev/null
+++ b/icon/download/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-download: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-download fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-download fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-download fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-download fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-download fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-download fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-download
+      <small>
+        <i class="fa fa-download"></i> &middot;
+        Unicode: <span class="upper">f019</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-download"></i> fa-download
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-download&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/dribbble/index.html b/icon/dribbble/index.html
new file mode 100644
index 000000000..09e7e3ec6
--- /dev/null
+++ b/icon/dribbble/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-dribbble: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-dribbble fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-dribbble fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-dribbble fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-dribbble fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-dribbble fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-dribbble fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-dribbble
+      <small>
+        <i class="fa fa-dribbble"></i> &middot;
+        Unicode: <span class="upper">f17d</span> &middot;
+        Created: v3.2 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-dribbble"></i> fa-dribbble
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-dribbble&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/dropbox/index.html b/icon/dropbox/index.html
new file mode 100644
index 000000000..9d9cfc29f
--- /dev/null
+++ b/icon/dropbox/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-dropbox: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-dropbox fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-dropbox fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-dropbox fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-dropbox fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-dropbox fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-dropbox fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-dropbox
+      <small>
+        <i class="fa fa-dropbox"></i> &middot;
+        Unicode: <span class="upper">f16b</span> &middot;
+        Created: v3.2 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-dropbox"></i> fa-dropbox
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-dropbox&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/drupal/index.html b/icon/drupal/index.html
new file mode 100644
index 000000000..8f25b8334
--- /dev/null
+++ b/icon/drupal/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-drupal: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-drupal fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-drupal fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-drupal fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-drupal fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-drupal fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-drupal fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-drupal
+      <small>
+        <i class="fa fa-drupal"></i> &middot;
+        Unicode: <span class="upper">f1a9</span> &middot;
+        Created: v4.1 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-drupal"></i> fa-drupal
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-drupal&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/edge/index.html b/icon/edge/index.html
new file mode 100644
index 000000000..87d2cd9c3
--- /dev/null
+++ b/icon/edge/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-edge: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-edge fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-edge fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-edge fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-edge fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-edge fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-edge fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-edge
+      <small>
+        <i class="fa fa-edge"></i> &middot;
+        Unicode: <span class="upper">f282</span> &middot;
+        Created: v4.5 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-edge"></i> fa-edge
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-edge&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/eject/index.html b/icon/eject/index.html
new file mode 100644
index 000000000..d3a92d842
--- /dev/null
+++ b/icon/eject/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-eject: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-eject fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-eject fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-eject fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-eject fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-eject fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-eject fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-eject
+      <small>
+        <i class="fa fa-eject"></i> &middot;
+        Unicode: <span class="upper">f052</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Video Player Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-eject"></i> fa-eject
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-eject&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/ellipsis-h/index.html b/icon/ellipsis-h/index.html
new file mode 100644
index 000000000..0212ef405
--- /dev/null
+++ b/icon/ellipsis-h/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-ellipsis-h: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-ellipsis-h fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-ellipsis-h fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-ellipsis-h fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-ellipsis-h fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-ellipsis-h fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-ellipsis-h fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-ellipsis-h
+      <small>
+        <i class="fa fa-ellipsis-h"></i> &middot;
+        Unicode: <span class="upper">f141</span> &middot;
+        Created: v3.1 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-ellipsis-h"></i> fa-ellipsis-h
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-ellipsis-h&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/ellipsis-v/index.html b/icon/ellipsis-v/index.html
new file mode 100644
index 000000000..37f4c1b17
--- /dev/null
+++ b/icon/ellipsis-v/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-ellipsis-v: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-ellipsis-v fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-ellipsis-v fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-ellipsis-v fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-ellipsis-v fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-ellipsis-v fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-ellipsis-v fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-ellipsis-v
+      <small>
+        <i class="fa fa-ellipsis-v"></i> &middot;
+        Unicode: <span class="upper">f142</span> &middot;
+        Created: v3.1 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-ellipsis-v"></i> fa-ellipsis-v
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-ellipsis-v&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/empire/index.html b/icon/empire/index.html
new file mode 100644
index 000000000..0268ccf9a
--- /dev/null
+++ b/icon/empire/index.html
@@ -0,0 +1,254 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-empire: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-empire fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-empire fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-empire fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-empire fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-empire fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-empire fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-empire
+      <small>
+        <i class="fa fa-empire"></i> &middot;
+        Unicode: <span class="upper">f1d1</span> &middot;
+        Created: v4.1 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-ge
+          
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-empire"></i> fa-empire
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-empire&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/envelope-o/index.html b/icon/envelope-o/index.html
new file mode 100644
index 000000000..b3acec45b
--- /dev/null
+++ b/icon/envelope-o/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-envelope-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-envelope-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-envelope-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-envelope-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-envelope-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-envelope-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-envelope-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-envelope-o
+      <small>
+        <i class="fa fa-envelope-o"></i> &middot;
+        Unicode: <span class="upper">f003</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-envelope-o"></i> fa-envelope-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-envelope-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/envelope-square/index.html b/icon/envelope-square/index.html
new file mode 100644
index 000000000..e63027ca2
--- /dev/null
+++ b/icon/envelope-square/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-envelope-square: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-envelope-square fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-envelope-square fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-envelope-square fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-envelope-square fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-envelope-square fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-envelope-square fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-envelope-square
+      <small>
+        <i class="fa fa-envelope-square"></i> &middot;
+        Unicode: <span class="upper">f199</span> &middot;
+        Created: v4.1 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-envelope-square"></i> fa-envelope-square
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-envelope-square&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/envelope/index.html b/icon/envelope/index.html
new file mode 100644
index 000000000..565e15b06
--- /dev/null
+++ b/icon/envelope/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-envelope: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-envelope fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-envelope fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-envelope fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-envelope fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-envelope fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-envelope fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-envelope
+      <small>
+        <i class="fa fa-envelope"></i> &middot;
+        Unicode: <span class="upper">f0e0</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-envelope"></i> fa-envelope
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-envelope&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/eraser/index.html b/icon/eraser/index.html
new file mode 100644
index 000000000..8c686425c
--- /dev/null
+++ b/icon/eraser/index.html
@@ -0,0 +1,251 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-eraser: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-eraser fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-eraser fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-eraser fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-eraser fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-eraser fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-eraser fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-eraser
+      <small>
+        <i class="fa fa-eraser"></i> &middot;
+        Unicode: <span class="upper">f12d</span> &middot;
+        Created: v3.1 &middot;
+        Categories:
+        
+          Text Editor Icons,
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-eraser"></i> fa-eraser
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-eraser&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/eur/index.html b/icon/eur/index.html
new file mode 100644
index 000000000..149e7c4e0
--- /dev/null
+++ b/icon/eur/index.html
@@ -0,0 +1,254 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-eur: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-eur fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-eur fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-eur fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-eur fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-eur fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-eur fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-eur
+      <small>
+        <i class="fa fa-eur"></i> &middot;
+        Unicode: <span class="upper">f153</span> &middot;
+        Created: v3.2 &middot;
+        Categories:
+        
+          Currency Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-euro
+          
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-eur"></i> fa-eur
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-eur&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/exchange/index.html b/icon/exchange/index.html
new file mode 100644
index 000000000..469543c5c
--- /dev/null
+++ b/icon/exchange/index.html
@@ -0,0 +1,251 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-exchange: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-exchange fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-exchange fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-exchange fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-exchange fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-exchange fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-exchange fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-exchange
+      <small>
+        <i class="fa fa-exchange"></i> &middot;
+        Unicode: <span class="upper">f0ec</span> &middot;
+        Created: v3.0 &middot;
+        Categories:
+        
+          Web Application Icons,
+        
+          Directional Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-exchange"></i> fa-exchange
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-exchange&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/exclamation-circle/index.html b/icon/exclamation-circle/index.html
new file mode 100644
index 000000000..4f64d014d
--- /dev/null
+++ b/icon/exclamation-circle/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-exclamation-circle: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-exclamation-circle fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-exclamation-circle fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-exclamation-circle fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-exclamation-circle fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-exclamation-circle fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-exclamation-circle fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-exclamation-circle
+      <small>
+        <i class="fa fa-exclamation-circle"></i> &middot;
+        Unicode: <span class="upper">f06a</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-exclamation-circle"></i> fa-exclamation-circle
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-exclamation-circle&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/exclamation-triangle/index.html b/icon/exclamation-triangle/index.html
new file mode 100644
index 000000000..2135d6906
--- /dev/null
+++ b/icon/exclamation-triangle/index.html
@@ -0,0 +1,254 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-exclamation-triangle: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-exclamation-triangle fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-exclamation-triangle fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-exclamation-triangle fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-exclamation-triangle fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-exclamation-triangle fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-exclamation-triangle fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-exclamation-triangle
+      <small>
+        <i class="fa fa-exclamation-triangle"></i> &middot;
+        Unicode: <span class="upper">f071</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-warning
+          
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-exclamation-triangle"></i> fa-exclamation-triangle
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-exclamation-triangle&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/exclamation/index.html b/icon/exclamation/index.html
new file mode 100644
index 000000000..98e3b8479
--- /dev/null
+++ b/icon/exclamation/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-exclamation: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-exclamation fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-exclamation fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-exclamation fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-exclamation fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-exclamation fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-exclamation fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-exclamation
+      <small>
+        <i class="fa fa-exclamation"></i> &middot;
+        Unicode: <span class="upper">f12a</span> &middot;
+        Created: v3.1 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-exclamation"></i> fa-exclamation
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-exclamation&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/expand/index.html b/icon/expand/index.html
new file mode 100644
index 000000000..f596181e9
--- /dev/null
+++ b/icon/expand/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-expand: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-expand fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-expand fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-expand fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-expand fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-expand fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-expand fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-expand
+      <small>
+        <i class="fa fa-expand"></i> &middot;
+        Unicode: <span class="upper">f065</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Video Player Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-expand"></i> fa-expand
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-expand&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/expeditedssl/index.html b/icon/expeditedssl/index.html
new file mode 100644
index 000000000..7bb5b09dc
--- /dev/null
+++ b/icon/expeditedssl/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-expeditedssl: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-expeditedssl fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-expeditedssl fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-expeditedssl fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-expeditedssl fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-expeditedssl fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-expeditedssl fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-expeditedssl
+      <small>
+        <i class="fa fa-expeditedssl"></i> &middot;
+        Unicode: <span class="upper">f23e</span> &middot;
+        Created: v4.4 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-expeditedssl"></i> fa-expeditedssl
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-expeditedssl&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/external-link-square/index.html b/icon/external-link-square/index.html
new file mode 100644
index 000000000..5eb526ece
--- /dev/null
+++ b/icon/external-link-square/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-external-link-square: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-external-link-square fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-external-link-square fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-external-link-square fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-external-link-square fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-external-link-square fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-external-link-square fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-external-link-square
+      <small>
+        <i class="fa fa-external-link-square"></i> &middot;
+        Unicode: <span class="upper">f14c</span> &middot;
+        Created: v3.1 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-external-link-square"></i> fa-external-link-square
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-external-link-square&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/external-link/index.html b/icon/external-link/index.html
new file mode 100644
index 000000000..2e8730ce9
--- /dev/null
+++ b/icon/external-link/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-external-link: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-external-link fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-external-link fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-external-link fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-external-link fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-external-link fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-external-link fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-external-link
+      <small>
+        <i class="fa fa-external-link"></i> &middot;
+        Unicode: <span class="upper">f08e</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-external-link"></i> fa-external-link
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-external-link&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/eye-slash/index.html b/icon/eye-slash/index.html
new file mode 100644
index 000000000..f37a111d5
--- /dev/null
+++ b/icon/eye-slash/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-eye-slash: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-eye-slash fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-eye-slash fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-eye-slash fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-eye-slash fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-eye-slash fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-eye-slash fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-eye-slash
+      <small>
+        <i class="fa fa-eye-slash"></i> &middot;
+        Unicode: <span class="upper">f070</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-eye-slash"></i> fa-eye-slash
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-eye-slash&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/eye/index.html b/icon/eye/index.html
new file mode 100644
index 000000000..55dbfa3d1
--- /dev/null
+++ b/icon/eye/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-eye: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-eye fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-eye fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-eye fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-eye fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-eye fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-eye fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-eye
+      <small>
+        <i class="fa fa-eye"></i> &middot;
+        Unicode: <span class="upper">f06e</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-eye"></i> fa-eye
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-eye&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/eyedropper/index.html b/icon/eyedropper/index.html
new file mode 100644
index 000000000..93f4280d4
--- /dev/null
+++ b/icon/eyedropper/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-eyedropper: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-eyedropper fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-eyedropper fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-eyedropper fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-eyedropper fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-eyedropper fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-eyedropper fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-eyedropper
+      <small>
+        <i class="fa fa-eyedropper"></i> &middot;
+        Unicode: <span class="upper">f1fb</span> &middot;
+        Created: v4.2 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-eyedropper"></i> fa-eyedropper
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-eyedropper&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/facebook-official/index.html b/icon/facebook-official/index.html
new file mode 100644
index 000000000..20b101fff
--- /dev/null
+++ b/icon/facebook-official/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-facebook-official: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-facebook-official fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-facebook-official fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-facebook-official fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-facebook-official fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-facebook-official fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-facebook-official fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-facebook-official
+      <small>
+        <i class="fa fa-facebook-official"></i> &middot;
+        Unicode: <span class="upper">f230</span> &middot;
+        Created: v4.3 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-facebook-official"></i> fa-facebook-official
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-facebook-official&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/facebook-square/index.html b/icon/facebook-square/index.html
new file mode 100644
index 000000000..8e364c9d5
--- /dev/null
+++ b/icon/facebook-square/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-facebook-square: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-facebook-square fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-facebook-square fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-facebook-square fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-facebook-square fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-facebook-square fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-facebook-square fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-facebook-square
+      <small>
+        <i class="fa fa-facebook-square"></i> &middot;
+        Unicode: <span class="upper">f082</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-facebook-square"></i> fa-facebook-square
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-facebook-square&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/facebook/index.html b/icon/facebook/index.html
new file mode 100644
index 000000000..aa677de3b
--- /dev/null
+++ b/icon/facebook/index.html
@@ -0,0 +1,254 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-facebook: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-facebook fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-facebook fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-facebook fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-facebook fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-facebook fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-facebook fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-facebook
+      <small>
+        <i class="fa fa-facebook"></i> &middot;
+        Unicode: <span class="upper">f09a</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-facebook-f
+          
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-facebook"></i> fa-facebook
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-facebook&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/fast-backward/index.html b/icon/fast-backward/index.html
new file mode 100644
index 000000000..5ebcbfe8a
--- /dev/null
+++ b/icon/fast-backward/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-fast-backward: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-fast-backward fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-fast-backward fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-fast-backward fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-fast-backward fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-fast-backward fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-fast-backward fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-fast-backward
+      <small>
+        <i class="fa fa-fast-backward"></i> &middot;
+        Unicode: <span class="upper">f049</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Video Player Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-fast-backward"></i> fa-fast-backward
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-fast-backward&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/fast-forward/index.html b/icon/fast-forward/index.html
new file mode 100644
index 000000000..3a2f344ce
--- /dev/null
+++ b/icon/fast-forward/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-fast-forward: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-fast-forward fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-fast-forward fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-fast-forward fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-fast-forward fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-fast-forward fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-fast-forward fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-fast-forward
+      <small>
+        <i class="fa fa-fast-forward"></i> &middot;
+        Unicode: <span class="upper">f050</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Video Player Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-fast-forward"></i> fa-fast-forward
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-fast-forward&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/fax/index.html b/icon/fax/index.html
new file mode 100644
index 000000000..d89c7be5d
--- /dev/null
+++ b/icon/fax/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-fax: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-fax fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-fax fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-fax fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-fax fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-fax fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-fax fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-fax
+      <small>
+        <i class="fa fa-fax"></i> &middot;
+        Unicode: <span class="upper">f1ac</span> &middot;
+        Created: v4.1 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-fax"></i> fa-fax
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-fax&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/female/index.html b/icon/female/index.html
new file mode 100644
index 000000000..969379188
--- /dev/null
+++ b/icon/female/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-female: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-female fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-female fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-female fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-female fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-female fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-female fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-female
+      <small>
+        <i class="fa fa-female"></i> &middot;
+        Unicode: <span class="upper">f182</span> &middot;
+        Created: v3.2 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-female"></i> fa-female
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-female&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/fighter-jet/index.html b/icon/fighter-jet/index.html
new file mode 100644
index 000000000..2bce18870
--- /dev/null
+++ b/icon/fighter-jet/index.html
@@ -0,0 +1,251 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-fighter-jet: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-fighter-jet fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-fighter-jet fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-fighter-jet fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-fighter-jet fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-fighter-jet fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-fighter-jet fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-fighter-jet
+      <small>
+        <i class="fa fa-fighter-jet"></i> &middot;
+        Unicode: <span class="upper">f0fb</span> &middot;
+        Created: v3.0 &middot;
+        Categories:
+        
+          Web Application Icons,
+        
+          Transportation Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-fighter-jet"></i> fa-fighter-jet
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-fighter-jet&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/file-archive-o/index.html b/icon/file-archive-o/index.html
new file mode 100644
index 000000000..7f286f1c8
--- /dev/null
+++ b/icon/file-archive-o/index.html
@@ -0,0 +1,256 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-file-archive-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-file-archive-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-file-archive-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-file-archive-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-file-archive-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-file-archive-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-file-archive-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-file-archive-o
+      <small>
+        <i class="fa fa-file-archive-o"></i> &middot;
+        Unicode: <span class="upper">f1c6</span> &middot;
+        Created: v4.1 &middot;
+        Categories:
+        
+          Web Application Icons,
+        
+          File Type Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-file-zip-o
+          
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-file-archive-o"></i> fa-file-archive-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-file-archive-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/file-audio-o/index.html b/icon/file-audio-o/index.html
new file mode 100644
index 000000000..9a101ef3b
--- /dev/null
+++ b/icon/file-audio-o/index.html
@@ -0,0 +1,256 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-file-audio-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-file-audio-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-file-audio-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-file-audio-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-file-audio-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-file-audio-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-file-audio-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-file-audio-o
+      <small>
+        <i class="fa fa-file-audio-o"></i> &middot;
+        Unicode: <span class="upper">f1c7</span> &middot;
+        Created: v4.1 &middot;
+        Categories:
+        
+          Web Application Icons,
+        
+          File Type Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-file-sound-o
+          
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-file-audio-o"></i> fa-file-audio-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-file-audio-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/file-code-o/index.html b/icon/file-code-o/index.html
new file mode 100644
index 000000000..3b99b0e10
--- /dev/null
+++ b/icon/file-code-o/index.html
@@ -0,0 +1,251 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-file-code-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-file-code-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-file-code-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-file-code-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-file-code-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-file-code-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-file-code-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-file-code-o
+      <small>
+        <i class="fa fa-file-code-o"></i> &middot;
+        Unicode: <span class="upper">f1c9</span> &middot;
+        Created: v4.1 &middot;
+        Categories:
+        
+          Web Application Icons,
+        
+          File Type Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-file-code-o"></i> fa-file-code-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-file-code-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/file-excel-o/index.html b/icon/file-excel-o/index.html
new file mode 100644
index 000000000..273b9cbb9
--- /dev/null
+++ b/icon/file-excel-o/index.html
@@ -0,0 +1,251 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-file-excel-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-file-excel-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-file-excel-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-file-excel-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-file-excel-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-file-excel-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-file-excel-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-file-excel-o
+      <small>
+        <i class="fa fa-file-excel-o"></i> &middot;
+        Unicode: <span class="upper">f1c3</span> &middot;
+        Created: v4.1 &middot;
+        Categories:
+        
+          Web Application Icons,
+        
+          File Type Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-file-excel-o"></i> fa-file-excel-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-file-excel-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/file-image-o/index.html b/icon/file-image-o/index.html
new file mode 100644
index 000000000..840f1d750
--- /dev/null
+++ b/icon/file-image-o/index.html
@@ -0,0 +1,258 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-file-image-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-file-image-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-file-image-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-file-image-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-file-image-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-file-image-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-file-image-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-file-image-o
+      <small>
+        <i class="fa fa-file-image-o"></i> &middot;
+        Unicode: <span class="upper">f1c5</span> &middot;
+        Created: v4.1 &middot;
+        Categories:
+        
+          Web Application Icons,
+        
+          File Type Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-file-photo-o,
+          
+            fa-file-picture-o
+          
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-file-image-o"></i> fa-file-image-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-file-image-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/file-o/index.html b/icon/file-o/index.html
new file mode 100644
index 000000000..13fa8d4b3
--- /dev/null
+++ b/icon/file-o/index.html
@@ -0,0 +1,251 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-file-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-file-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-file-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-file-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-file-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-file-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-file-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-file-o
+      <small>
+        <i class="fa fa-file-o"></i> &middot;
+        Unicode: <span class="upper">f016</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Text Editor Icons,
+        
+          File Type Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-file-o"></i> fa-file-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-file-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/file-pdf-o/index.html b/icon/file-pdf-o/index.html
new file mode 100644
index 000000000..172bc47bf
--- /dev/null
+++ b/icon/file-pdf-o/index.html
@@ -0,0 +1,251 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-file-pdf-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-file-pdf-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-file-pdf-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-file-pdf-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-file-pdf-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-file-pdf-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-file-pdf-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-file-pdf-o
+      <small>
+        <i class="fa fa-file-pdf-o"></i> &middot;
+        Unicode: <span class="upper">f1c1</span> &middot;
+        Created: v4.1 &middot;
+        Categories:
+        
+          Web Application Icons,
+        
+          File Type Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-file-pdf-o"></i> fa-file-pdf-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-file-pdf-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/file-powerpoint-o/index.html b/icon/file-powerpoint-o/index.html
new file mode 100644
index 000000000..ffeae93d1
--- /dev/null
+++ b/icon/file-powerpoint-o/index.html
@@ -0,0 +1,251 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-file-powerpoint-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-file-powerpoint-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-file-powerpoint-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-file-powerpoint-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-file-powerpoint-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-file-powerpoint-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-file-powerpoint-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-file-powerpoint-o
+      <small>
+        <i class="fa fa-file-powerpoint-o"></i> &middot;
+        Unicode: <span class="upper">f1c4</span> &middot;
+        Created: v4.1 &middot;
+        Categories:
+        
+          Web Application Icons,
+        
+          File Type Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-file-powerpoint-o"></i> fa-file-powerpoint-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-file-powerpoint-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/file-text-o/index.html b/icon/file-text-o/index.html
new file mode 100644
index 000000000..6dadc6a20
--- /dev/null
+++ b/icon/file-text-o/index.html
@@ -0,0 +1,251 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-file-text-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-file-text-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-file-text-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-file-text-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-file-text-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-file-text-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-file-text-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-file-text-o
+      <small>
+        <i class="fa fa-file-text-o"></i> &middot;
+        Unicode: <span class="upper">f0f6</span> &middot;
+        Created: v3.0 &middot;
+        Categories:
+        
+          Text Editor Icons,
+        
+          File Type Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-file-text-o"></i> fa-file-text-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-file-text-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/file-text/index.html b/icon/file-text/index.html
new file mode 100644
index 000000000..5d9310128
--- /dev/null
+++ b/icon/file-text/index.html
@@ -0,0 +1,251 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-file-text: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-file-text fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-file-text fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-file-text fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-file-text fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-file-text fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-file-text fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-file-text
+      <small>
+        <i class="fa fa-file-text"></i> &middot;
+        Unicode: <span class="upper">f15c</span> &middot;
+        Created: v3.2 &middot;
+        Categories:
+        
+          Text Editor Icons,
+        
+          File Type Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-file-text"></i> fa-file-text
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-file-text&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/file-video-o/index.html b/icon/file-video-o/index.html
new file mode 100644
index 000000000..92a0d3c02
--- /dev/null
+++ b/icon/file-video-o/index.html
@@ -0,0 +1,256 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-file-video-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-file-video-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-file-video-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-file-video-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-file-video-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-file-video-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-file-video-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-file-video-o
+      <small>
+        <i class="fa fa-file-video-o"></i> &middot;
+        Unicode: <span class="upper">f1c8</span> &middot;
+        Created: v4.1 &middot;
+        Categories:
+        
+          Web Application Icons,
+        
+          File Type Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-file-movie-o
+          
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-file-video-o"></i> fa-file-video-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-file-video-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/file-word-o/index.html b/icon/file-word-o/index.html
new file mode 100644
index 000000000..1cf454af1
--- /dev/null
+++ b/icon/file-word-o/index.html
@@ -0,0 +1,251 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-file-word-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-file-word-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-file-word-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-file-word-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-file-word-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-file-word-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-file-word-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-file-word-o
+      <small>
+        <i class="fa fa-file-word-o"></i> &middot;
+        Unicode: <span class="upper">f1c2</span> &middot;
+        Created: v4.1 &middot;
+        Categories:
+        
+          Web Application Icons,
+        
+          File Type Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-file-word-o"></i> fa-file-word-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-file-word-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/file/index.html b/icon/file/index.html
new file mode 100644
index 000000000..79cc76648
--- /dev/null
+++ b/icon/file/index.html
@@ -0,0 +1,251 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-file: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-file fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-file fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-file fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-file fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-file fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-file fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-file
+      <small>
+        <i class="fa fa-file"></i> &middot;
+        Unicode: <span class="upper">f15b</span> &middot;
+        Created: v3.2 &middot;
+        Categories:
+        
+          Text Editor Icons,
+        
+          File Type Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-file"></i> fa-file
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-file&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/files-o/index.html b/icon/files-o/index.html
new file mode 100644
index 000000000..282d2be49
--- /dev/null
+++ b/icon/files-o/index.html
@@ -0,0 +1,254 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-files-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-files-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-files-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-files-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-files-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-files-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-files-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-files-o
+      <small>
+        <i class="fa fa-files-o"></i> &middot;
+        Unicode: <span class="upper">f0c5</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Text Editor Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-copy
+          
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-files-o"></i> fa-files-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-files-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/film/index.html b/icon/film/index.html
new file mode 100644
index 000000000..79f60127f
--- /dev/null
+++ b/icon/film/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-film: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-film fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-film fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-film fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-film fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-film fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-film fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-film
+      <small>
+        <i class="fa fa-film"></i> &middot;
+        Unicode: <span class="upper">f008</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-film"></i> fa-film
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-film&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/filter/index.html b/icon/filter/index.html
new file mode 100644
index 000000000..b56aede3d
--- /dev/null
+++ b/icon/filter/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-filter: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-filter fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-filter fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-filter fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-filter fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-filter fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-filter fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-filter
+      <small>
+        <i class="fa fa-filter"></i> &middot;
+        Unicode: <span class="upper">f0b0</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-filter"></i> fa-filter
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-filter&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/fire-extinguisher/index.html b/icon/fire-extinguisher/index.html
new file mode 100644
index 000000000..06732b1aa
--- /dev/null
+++ b/icon/fire-extinguisher/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-fire-extinguisher: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-fire-extinguisher fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-fire-extinguisher fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-fire-extinguisher fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-fire-extinguisher fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-fire-extinguisher fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-fire-extinguisher fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-fire-extinguisher
+      <small>
+        <i class="fa fa-fire-extinguisher"></i> &middot;
+        Unicode: <span class="upper">f134</span> &middot;
+        Created: v3.1 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-fire-extinguisher"></i> fa-fire-extinguisher
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-fire-extinguisher&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/fire/index.html b/icon/fire/index.html
new file mode 100644
index 000000000..e784f7c63
--- /dev/null
+++ b/icon/fire/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-fire: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-fire fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-fire fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-fire fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-fire fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-fire fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-fire fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-fire
+      <small>
+        <i class="fa fa-fire"></i> &middot;
+        Unicode: <span class="upper">f06d</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-fire"></i> fa-fire
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-fire&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/firefox/index.html b/icon/firefox/index.html
new file mode 100644
index 000000000..60e21b345
--- /dev/null
+++ b/icon/firefox/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-firefox: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-firefox fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-firefox fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-firefox fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-firefox fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-firefox fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-firefox fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-firefox
+      <small>
+        <i class="fa fa-firefox"></i> &middot;
+        Unicode: <span class="upper">f269</span> &middot;
+        Created: v4.4 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-firefox"></i> fa-firefox
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-firefox&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/flag-checkered/index.html b/icon/flag-checkered/index.html
new file mode 100644
index 000000000..8beb171a5
--- /dev/null
+++ b/icon/flag-checkered/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-flag-checkered: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-flag-checkered fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-flag-checkered fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-flag-checkered fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-flag-checkered fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-flag-checkered fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-flag-checkered fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-flag-checkered
+      <small>
+        <i class="fa fa-flag-checkered"></i> &middot;
+        Unicode: <span class="upper">f11e</span> &middot;
+        Created: v3.1 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-flag-checkered"></i> fa-flag-checkered
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-flag-checkered&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/flag-o/index.html b/icon/flag-o/index.html
new file mode 100644
index 000000000..45f260498
--- /dev/null
+++ b/icon/flag-o/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-flag-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-flag-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-flag-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-flag-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-flag-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-flag-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-flag-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-flag-o
+      <small>
+        <i class="fa fa-flag-o"></i> &middot;
+        Unicode: <span class="upper">f11d</span> &middot;
+        Created: v3.1 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-flag-o"></i> fa-flag-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-flag-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/flag/index.html b/icon/flag/index.html
new file mode 100644
index 000000000..acd139f9e
--- /dev/null
+++ b/icon/flag/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-flag: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-flag fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-flag fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-flag fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-flag fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-flag fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-flag fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-flag
+      <small>
+        <i class="fa fa-flag"></i> &middot;
+        Unicode: <span class="upper">f024</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-flag"></i> fa-flag
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-flag&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/flask/index.html b/icon/flask/index.html
new file mode 100644
index 000000000..3dc2af6a8
--- /dev/null
+++ b/icon/flask/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-flask: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-flask fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-flask fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-flask fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-flask fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-flask fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-flask fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-flask
+      <small>
+        <i class="fa fa-flask"></i> &middot;
+        Unicode: <span class="upper">f0c3</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-flask"></i> fa-flask
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-flask&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/flickr/index.html b/icon/flickr/index.html
new file mode 100644
index 000000000..4335ea484
--- /dev/null
+++ b/icon/flickr/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-flickr: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-flickr fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-flickr fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-flickr fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-flickr fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-flickr fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-flickr fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-flickr
+      <small>
+        <i class="fa fa-flickr"></i> &middot;
+        Unicode: <span class="upper">f16e</span> &middot;
+        Created: v3.2 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-flickr"></i> fa-flickr
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-flickr&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/floppy-o/index.html b/icon/floppy-o/index.html
new file mode 100644
index 000000000..26b2752d0
--- /dev/null
+++ b/icon/floppy-o/index.html
@@ -0,0 +1,254 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-floppy-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-floppy-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-floppy-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-floppy-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-floppy-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-floppy-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-floppy-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-floppy-o
+      <small>
+        <i class="fa fa-floppy-o"></i> &middot;
+        Unicode: <span class="upper">f0c7</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Text Editor Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-save
+          
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-floppy-o"></i> fa-floppy-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-floppy-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/folder-o/index.html b/icon/folder-o/index.html
new file mode 100644
index 000000000..0b33b7d50
--- /dev/null
+++ b/icon/folder-o/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-folder-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-folder-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-folder-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-folder-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-folder-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-folder-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-folder-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-folder-o
+      <small>
+        <i class="fa fa-folder-o"></i> &middot;
+        Unicode: <span class="upper">f114</span> &middot;
+        Created: v3.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-folder-o"></i> fa-folder-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-folder-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/folder-open-o/index.html b/icon/folder-open-o/index.html
new file mode 100644
index 000000000..008d5665f
--- /dev/null
+++ b/icon/folder-open-o/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-folder-open-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-folder-open-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-folder-open-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-folder-open-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-folder-open-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-folder-open-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-folder-open-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-folder-open-o
+      <small>
+        <i class="fa fa-folder-open-o"></i> &middot;
+        Unicode: <span class="upper">f115</span> &middot;
+        Created: v3.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-folder-open-o"></i> fa-folder-open-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-folder-open-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/folder-open/index.html b/icon/folder-open/index.html
new file mode 100644
index 000000000..1ecf44949
--- /dev/null
+++ b/icon/folder-open/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-folder-open: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-folder-open fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-folder-open fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-folder-open fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-folder-open fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-folder-open fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-folder-open fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-folder-open
+      <small>
+        <i class="fa fa-folder-open"></i> &middot;
+        Unicode: <span class="upper">f07c</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-folder-open"></i> fa-folder-open
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-folder-open&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/folder/index.html b/icon/folder/index.html
new file mode 100644
index 000000000..6ec7d7053
--- /dev/null
+++ b/icon/folder/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-folder: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-folder fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-folder fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-folder fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-folder fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-folder fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-folder fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-folder
+      <small>
+        <i class="fa fa-folder"></i> &middot;
+        Unicode: <span class="upper">f07b</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-folder"></i> fa-folder
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-folder&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/font/index.html b/icon/font/index.html
new file mode 100644
index 000000000..405b7c45d
--- /dev/null
+++ b/icon/font/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-font: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-font fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-font fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-font fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-font fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-font fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-font fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-font
+      <small>
+        <i class="fa fa-font"></i> &middot;
+        Unicode: <span class="upper">f031</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Text Editor Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-font"></i> fa-font
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-font&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/fonticons/index.html b/icon/fonticons/index.html
new file mode 100644
index 000000000..52a089869
--- /dev/null
+++ b/icon/fonticons/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-fonticons: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-fonticons fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-fonticons fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-fonticons fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-fonticons fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-fonticons fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-fonticons fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-fonticons
+      <small>
+        <i class="fa fa-fonticons"></i> &middot;
+        Unicode: <span class="upper">f280</span> &middot;
+        Created: v4.4 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        &middot; <a target="_blank" href="http://fonticons.com">fonticons.com<i class="fa fa-external-link-square margin-left-sm"></i></a>
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-fonticons"></i> fa-fonticons
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-fonticons&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/fort-awesome/index.html b/icon/fort-awesome/index.html
new file mode 100644
index 000000000..ce519a517
--- /dev/null
+++ b/icon/fort-awesome/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-fort-awesome: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-fort-awesome fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-fort-awesome fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-fort-awesome fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-fort-awesome fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-fort-awesome fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-fort-awesome fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-fort-awesome
+      <small>
+        <i class="fa fa-fort-awesome"></i> &middot;
+        Unicode: <span class="upper">f286</span> &middot;
+        Created: v4.5 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-fort-awesome"></i> fa-fort-awesome
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-fort-awesome&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/forumbee/index.html b/icon/forumbee/index.html
new file mode 100644
index 000000000..6401e13f9
--- /dev/null
+++ b/icon/forumbee/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-forumbee: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-forumbee fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-forumbee fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-forumbee fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-forumbee fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-forumbee fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-forumbee fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-forumbee
+      <small>
+        <i class="fa fa-forumbee"></i> &middot;
+        Unicode: <span class="upper">f211</span> &middot;
+        Created: v4.3 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        &middot; <a target="_blank" href="http://forumbee.com">forumbee.com<i class="fa fa-external-link-square margin-left-sm"></i></a>
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-forumbee"></i> fa-forumbee
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-forumbee&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/forward/index.html b/icon/forward/index.html
new file mode 100644
index 000000000..5b86add56
--- /dev/null
+++ b/icon/forward/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-forward: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-forward fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-forward fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-forward fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-forward fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-forward fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-forward fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-forward
+      <small>
+        <i class="fa fa-forward"></i> &middot;
+        Unicode: <span class="upper">f04e</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Video Player Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-forward"></i> fa-forward
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-forward&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/foursquare/index.html b/icon/foursquare/index.html
new file mode 100644
index 000000000..90376e22e
--- /dev/null
+++ b/icon/foursquare/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-foursquare: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-foursquare fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-foursquare fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-foursquare fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-foursquare fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-foursquare fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-foursquare fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-foursquare
+      <small>
+        <i class="fa fa-foursquare"></i> &middot;
+        Unicode: <span class="upper">f180</span> &middot;
+        Created: v3.2 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-foursquare"></i> fa-foursquare
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-foursquare&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/frown-o/index.html b/icon/frown-o/index.html
new file mode 100644
index 000000000..5a1857e85
--- /dev/null
+++ b/icon/frown-o/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-frown-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-frown-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-frown-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-frown-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-frown-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-frown-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-frown-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-frown-o
+      <small>
+        <i class="fa fa-frown-o"></i> &middot;
+        Unicode: <span class="upper">f119</span> &middot;
+        Created: v3.1 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-frown-o"></i> fa-frown-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-frown-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/futbol-o/index.html b/icon/futbol-o/index.html
new file mode 100644
index 000000000..93ca2b788
--- /dev/null
+++ b/icon/futbol-o/index.html
@@ -0,0 +1,254 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-futbol-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-futbol-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-futbol-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-futbol-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-futbol-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-futbol-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-futbol-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-futbol-o
+      <small>
+        <i class="fa fa-futbol-o"></i> &middot;
+        Unicode: <span class="upper">f1e3</span> &middot;
+        Created: v4.2 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-soccer-ball-o
+          
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-futbol-o"></i> fa-futbol-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-futbol-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/gamepad/index.html b/icon/gamepad/index.html
new file mode 100644
index 000000000..025cd14a4
--- /dev/null
+++ b/icon/gamepad/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-gamepad: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-gamepad fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-gamepad fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-gamepad fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-gamepad fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-gamepad fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-gamepad fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-gamepad
+      <small>
+        <i class="fa fa-gamepad"></i> &middot;
+        Unicode: <span class="upper">f11b</span> &middot;
+        Created: v3.1 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-gamepad"></i> fa-gamepad
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-gamepad&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/gavel/index.html b/icon/gavel/index.html
new file mode 100644
index 000000000..e9f8a97a3
--- /dev/null
+++ b/icon/gavel/index.html
@@ -0,0 +1,254 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-gavel: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-gavel fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-gavel fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-gavel fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-gavel fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-gavel fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-gavel fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-gavel
+      <small>
+        <i class="fa fa-gavel"></i> &middot;
+        Unicode: <span class="upper">f0e3</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-legal
+          
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-gavel"></i> fa-gavel
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-gavel&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/gbp/index.html b/icon/gbp/index.html
new file mode 100644
index 000000000..356d4efbe
--- /dev/null
+++ b/icon/gbp/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-gbp: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-gbp fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-gbp fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-gbp fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-gbp fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-gbp fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-gbp fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-gbp
+      <small>
+        <i class="fa fa-gbp"></i> &middot;
+        Unicode: <span class="upper">f154</span> &middot;
+        Created: v3.2 &middot;
+        Categories:
+        
+          Currency Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-gbp"></i> fa-gbp
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-gbp&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/genderless/index.html b/icon/genderless/index.html
new file mode 100644
index 000000000..b6aff7003
--- /dev/null
+++ b/icon/genderless/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-genderless: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-genderless fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-genderless fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-genderless fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-genderless fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-genderless fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-genderless fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-genderless
+      <small>
+        <i class="fa fa-genderless"></i> &middot;
+        Unicode: <span class="upper">f22d</span> &middot;
+        Created: v4.4 &middot;
+        Categories:
+        
+          Gender Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-genderless"></i> fa-genderless
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-genderless&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/get-pocket/index.html b/icon/get-pocket/index.html
new file mode 100644
index 000000000..ecb05db80
--- /dev/null
+++ b/icon/get-pocket/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-get-pocket: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-get-pocket fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-get-pocket fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-get-pocket fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-get-pocket fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-get-pocket fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-get-pocket fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-get-pocket
+      <small>
+        <i class="fa fa-get-pocket"></i> &middot;
+        Unicode: <span class="upper">f265</span> &middot;
+        Created: v4.4 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-get-pocket"></i> fa-get-pocket
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-get-pocket&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/gg-circle/index.html b/icon/gg-circle/index.html
new file mode 100644
index 000000000..c2f15262c
--- /dev/null
+++ b/icon/gg-circle/index.html
@@ -0,0 +1,251 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-gg-circle: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-gg-circle fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-gg-circle fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-gg-circle fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-gg-circle fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-gg-circle fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-gg-circle fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-gg-circle
+      <small>
+        <i class="fa fa-gg-circle"></i> &middot;
+        Unicode: <span class="upper">f261</span> &middot;
+        Created: v4.4 &middot;
+        Categories:
+        
+          Currency Icons,
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-gg-circle"></i> fa-gg-circle
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-gg-circle&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/gg/index.html b/icon/gg/index.html
new file mode 100644
index 000000000..9366d286c
--- /dev/null
+++ b/icon/gg/index.html
@@ -0,0 +1,251 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-gg: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-gg fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-gg fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-gg fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-gg fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-gg fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-gg fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-gg
+      <small>
+        <i class="fa fa-gg"></i> &middot;
+        Unicode: <span class="upper">f260</span> &middot;
+        Created: v4.4 &middot;
+        Categories:
+        
+          Currency Icons,
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-gg"></i> fa-gg
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-gg&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/gift/index.html b/icon/gift/index.html
new file mode 100644
index 000000000..1d5326cee
--- /dev/null
+++ b/icon/gift/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-gift: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-gift fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-gift fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-gift fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-gift fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-gift fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-gift fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-gift
+      <small>
+        <i class="fa fa-gift"></i> &middot;
+        Unicode: <span class="upper">f06b</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-gift"></i> fa-gift
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-gift&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/git-square/index.html b/icon/git-square/index.html
new file mode 100644
index 000000000..f16c4f4c6
--- /dev/null
+++ b/icon/git-square/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-git-square: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-git-square fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-git-square fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-git-square fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-git-square fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-git-square fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-git-square fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-git-square
+      <small>
+        <i class="fa fa-git-square"></i> &middot;
+        Unicode: <span class="upper">f1d2</span> &middot;
+        Created: v4.1 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-git-square"></i> fa-git-square
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-git-square&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/git/index.html b/icon/git/index.html
new file mode 100644
index 000000000..dd1a6abbf
--- /dev/null
+++ b/icon/git/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-git: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-git fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-git fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-git fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-git fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-git fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-git fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-git
+      <small>
+        <i class="fa fa-git"></i> &middot;
+        Unicode: <span class="upper">f1d3</span> &middot;
+        Created: v4.1 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-git"></i> fa-git
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-git&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/github-alt/index.html b/icon/github-alt/index.html
new file mode 100644
index 000000000..be337facf
--- /dev/null
+++ b/icon/github-alt/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-github-alt: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-github-alt fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-github-alt fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-github-alt fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-github-alt fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-github-alt fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-github-alt fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-github-alt
+      <small>
+        <i class="fa fa-github-alt"></i> &middot;
+        Unicode: <span class="upper">f113</span> &middot;
+        Created: v3.0 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-github-alt"></i> fa-github-alt
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-github-alt&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/github-square/index.html b/icon/github-square/index.html
new file mode 100644
index 000000000..0b13b05c6
--- /dev/null
+++ b/icon/github-square/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-github-square: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-github-square fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-github-square fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-github-square fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-github-square fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-github-square fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-github-square fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-github-square
+      <small>
+        <i class="fa fa-github-square"></i> &middot;
+        Unicode: <span class="upper">f092</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-github-square"></i> fa-github-square
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-github-square&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/github/index.html b/icon/github/index.html
new file mode 100644
index 000000000..9e031e350
--- /dev/null
+++ b/icon/github/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-github: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-github fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-github fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-github fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-github fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-github fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-github fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-github
+      <small>
+        <i class="fa fa-github"></i> &middot;
+        Unicode: <span class="upper">f09b</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-github"></i> fa-github
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-github&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/glass/index.html b/icon/glass/index.html
new file mode 100644
index 000000000..90c370ff6
--- /dev/null
+++ b/icon/glass/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-glass: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-glass fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-glass fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-glass fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-glass fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-glass fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-glass fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-glass
+      <small>
+        <i class="fa fa-glass"></i> &middot;
+        Unicode: <span class="upper">f000</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-glass"></i> fa-glass
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-glass&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/globe/index.html b/icon/globe/index.html
new file mode 100644
index 000000000..43fd31dc0
--- /dev/null
+++ b/icon/globe/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-globe: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-globe fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-globe fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-globe fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-globe fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-globe fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-globe fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-globe
+      <small>
+        <i class="fa fa-globe"></i> &middot;
+        Unicode: <span class="upper">f0ac</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-globe"></i> fa-globe
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-globe&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/google-plus-square/index.html b/icon/google-plus-square/index.html
new file mode 100644
index 000000000..8a1b71284
--- /dev/null
+++ b/icon/google-plus-square/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-google-plus-square: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-google-plus-square fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-google-plus-square fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-google-plus-square fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-google-plus-square fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-google-plus-square fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-google-plus-square fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-google-plus-square
+      <small>
+        <i class="fa fa-google-plus-square"></i> &middot;
+        Unicode: <span class="upper">f0d4</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-google-plus-square"></i> fa-google-plus-square
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-google-plus-square&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/google-plus/index.html b/icon/google-plus/index.html
new file mode 100644
index 000000000..d41303ea0
--- /dev/null
+++ b/icon/google-plus/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-google-plus: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-google-plus fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-google-plus fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-google-plus fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-google-plus fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-google-plus fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-google-plus fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-google-plus
+      <small>
+        <i class="fa fa-google-plus"></i> &middot;
+        Unicode: <span class="upper">f0d5</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-google-plus"></i> fa-google-plus
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-google-plus&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/google-wallet/index.html b/icon/google-wallet/index.html
new file mode 100644
index 000000000..662fe90be
--- /dev/null
+++ b/icon/google-wallet/index.html
@@ -0,0 +1,251 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-google-wallet: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-google-wallet fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-google-wallet fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-google-wallet fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-google-wallet fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-google-wallet fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-google-wallet fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-google-wallet
+      <small>
+        <i class="fa fa-google-wallet"></i> &middot;
+        Unicode: <span class="upper">f1ee</span> &middot;
+        Created: v4.2 &middot;
+        Categories:
+        
+          Brand Icons,
+        
+          Payment Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-google-wallet"></i> fa-google-wallet
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-google-wallet&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/google/index.html b/icon/google/index.html
new file mode 100644
index 000000000..36828fd27
--- /dev/null
+++ b/icon/google/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-google: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-google fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-google fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-google fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-google fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-google fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-google fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-google
+      <small>
+        <i class="fa fa-google"></i> &middot;
+        Unicode: <span class="upper">f1a0</span> &middot;
+        Created: v4.1 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-google"></i> fa-google
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-google&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/graduation-cap/index.html b/icon/graduation-cap/index.html
new file mode 100644
index 000000000..da30e730d
--- /dev/null
+++ b/icon/graduation-cap/index.html
@@ -0,0 +1,254 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-graduation-cap: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-graduation-cap fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-graduation-cap fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-graduation-cap fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-graduation-cap fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-graduation-cap fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-graduation-cap fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-graduation-cap
+      <small>
+        <i class="fa fa-graduation-cap"></i> &middot;
+        Unicode: <span class="upper">f19d</span> &middot;
+        Created: v4.1 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-mortar-board
+          
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-graduation-cap"></i> fa-graduation-cap
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-graduation-cap&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/gratipay/index.html b/icon/gratipay/index.html
new file mode 100644
index 000000000..259755650
--- /dev/null
+++ b/icon/gratipay/index.html
@@ -0,0 +1,254 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-gratipay: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-gratipay fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-gratipay fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-gratipay fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-gratipay fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-gratipay fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-gratipay fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-gratipay
+      <small>
+        <i class="fa fa-gratipay"></i> &middot;
+        Unicode: <span class="upper">f184</span> &middot;
+        Created: v3.2 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-gittip
+          
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-gratipay"></i> fa-gratipay
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-gratipay&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/h-square/index.html b/icon/h-square/index.html
new file mode 100644
index 000000000..c3ae06ca8
--- /dev/null
+++ b/icon/h-square/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-h-square: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-h-square fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-h-square fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-h-square fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-h-square fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-h-square fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-h-square fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-h-square
+      <small>
+        <i class="fa fa-h-square"></i> &middot;
+        Unicode: <span class="upper">f0fd</span> &middot;
+        Created: v3.0 &middot;
+        Categories:
+        
+          Medical Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-h-square"></i> fa-h-square
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-h-square&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/hacker-news/index.html b/icon/hacker-news/index.html
new file mode 100644
index 000000000..44d6f978b
--- /dev/null
+++ b/icon/hacker-news/index.html
@@ -0,0 +1,256 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-hacker-news: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-hacker-news fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-hacker-news fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-hacker-news fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-hacker-news fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-hacker-news fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-hacker-news fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-hacker-news
+      <small>
+        <i class="fa fa-hacker-news"></i> &middot;
+        Unicode: <span class="upper">f1d4</span> &middot;
+        Created: v4.1 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-y-combinator-square,
+          
+            fa-yc-square
+          
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-hacker-news"></i> fa-hacker-news
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-hacker-news&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/hand-lizard-o/index.html b/icon/hand-lizard-o/index.html
new file mode 100644
index 000000000..b2dea2cb7
--- /dev/null
+++ b/icon/hand-lizard-o/index.html
@@ -0,0 +1,251 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-hand-lizard-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-hand-lizard-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-hand-lizard-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-hand-lizard-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-hand-lizard-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-hand-lizard-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-hand-lizard-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-hand-lizard-o
+      <small>
+        <i class="fa fa-hand-lizard-o"></i> &middot;
+        Unicode: <span class="upper">f258</span> &middot;
+        Created: v4.4 &middot;
+        Categories:
+        
+          Web Application Icons,
+        
+          Hand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-hand-lizard-o"></i> fa-hand-lizard-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-hand-lizard-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/hand-o-down/index.html b/icon/hand-o-down/index.html
new file mode 100644
index 000000000..ed827b763
--- /dev/null
+++ b/icon/hand-o-down/index.html
@@ -0,0 +1,251 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-hand-o-down: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-hand-o-down fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-hand-o-down fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-hand-o-down fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-hand-o-down fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-hand-o-down fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-hand-o-down fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-hand-o-down
+      <small>
+        <i class="fa fa-hand-o-down"></i> &middot;
+        Unicode: <span class="upper">f0a7</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Directional Icons,
+        
+          Hand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-hand-o-down"></i> fa-hand-o-down
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-hand-o-down&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/hand-o-left/index.html b/icon/hand-o-left/index.html
new file mode 100644
index 000000000..308484def
--- /dev/null
+++ b/icon/hand-o-left/index.html
@@ -0,0 +1,251 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-hand-o-left: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-hand-o-left fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-hand-o-left fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-hand-o-left fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-hand-o-left fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-hand-o-left fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-hand-o-left fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-hand-o-left
+      <small>
+        <i class="fa fa-hand-o-left"></i> &middot;
+        Unicode: <span class="upper">f0a5</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Directional Icons,
+        
+          Hand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-hand-o-left"></i> fa-hand-o-left
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-hand-o-left&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/hand-o-right/index.html b/icon/hand-o-right/index.html
new file mode 100644
index 000000000..628c8b263
--- /dev/null
+++ b/icon/hand-o-right/index.html
@@ -0,0 +1,251 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-hand-o-right: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-hand-o-right fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-hand-o-right fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-hand-o-right fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-hand-o-right fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-hand-o-right fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-hand-o-right fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-hand-o-right
+      <small>
+        <i class="fa fa-hand-o-right"></i> &middot;
+        Unicode: <span class="upper">f0a4</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Directional Icons,
+        
+          Hand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-hand-o-right"></i> fa-hand-o-right
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-hand-o-right&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/hand-o-up/index.html b/icon/hand-o-up/index.html
new file mode 100644
index 000000000..65945b9ff
--- /dev/null
+++ b/icon/hand-o-up/index.html
@@ -0,0 +1,251 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-hand-o-up: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-hand-o-up fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-hand-o-up fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-hand-o-up fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-hand-o-up fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-hand-o-up fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-hand-o-up fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-hand-o-up
+      <small>
+        <i class="fa fa-hand-o-up"></i> &middot;
+        Unicode: <span class="upper">f0a6</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Directional Icons,
+        
+          Hand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-hand-o-up"></i> fa-hand-o-up
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-hand-o-up&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/hand-paper-o/index.html b/icon/hand-paper-o/index.html
new file mode 100644
index 000000000..3da742305
--- /dev/null
+++ b/icon/hand-paper-o/index.html
@@ -0,0 +1,256 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-hand-paper-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-hand-paper-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-hand-paper-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-hand-paper-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-hand-paper-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-hand-paper-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-hand-paper-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-hand-paper-o
+      <small>
+        <i class="fa fa-hand-paper-o"></i> &middot;
+        Unicode: <span class="upper">f256</span> &middot;
+        Created: v4.4 &middot;
+        Categories:
+        
+          Web Application Icons,
+        
+          Hand Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-hand-stop-o
+          
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-hand-paper-o"></i> fa-hand-paper-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-hand-paper-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/hand-peace-o/index.html b/icon/hand-peace-o/index.html
new file mode 100644
index 000000000..4856010d4
--- /dev/null
+++ b/icon/hand-peace-o/index.html
@@ -0,0 +1,251 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-hand-peace-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-hand-peace-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-hand-peace-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-hand-peace-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-hand-peace-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-hand-peace-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-hand-peace-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-hand-peace-o
+      <small>
+        <i class="fa fa-hand-peace-o"></i> &middot;
+        Unicode: <span class="upper">f25b</span> &middot;
+        Created: v4.4 &middot;
+        Categories:
+        
+          Web Application Icons,
+        
+          Hand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-hand-peace-o"></i> fa-hand-peace-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-hand-peace-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/hand-pointer-o/index.html b/icon/hand-pointer-o/index.html
new file mode 100644
index 000000000..8804f81b4
--- /dev/null
+++ b/icon/hand-pointer-o/index.html
@@ -0,0 +1,251 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-hand-pointer-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-hand-pointer-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-hand-pointer-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-hand-pointer-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-hand-pointer-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-hand-pointer-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-hand-pointer-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-hand-pointer-o
+      <small>
+        <i class="fa fa-hand-pointer-o"></i> &middot;
+        Unicode: <span class="upper">f25a</span> &middot;
+        Created: v4.4 &middot;
+        Categories:
+        
+          Web Application Icons,
+        
+          Hand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-hand-pointer-o"></i> fa-hand-pointer-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-hand-pointer-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/hand-rock-o/index.html b/icon/hand-rock-o/index.html
new file mode 100644
index 000000000..502f513e0
--- /dev/null
+++ b/icon/hand-rock-o/index.html
@@ -0,0 +1,256 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-hand-rock-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-hand-rock-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-hand-rock-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-hand-rock-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-hand-rock-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-hand-rock-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-hand-rock-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-hand-rock-o
+      <small>
+        <i class="fa fa-hand-rock-o"></i> &middot;
+        Unicode: <span class="upper">f255</span> &middot;
+        Created: v4.4 &middot;
+        Categories:
+        
+          Web Application Icons,
+        
+          Hand Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-hand-grab-o
+          
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-hand-rock-o"></i> fa-hand-rock-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-hand-rock-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/hand-scissors-o/index.html b/icon/hand-scissors-o/index.html
new file mode 100644
index 000000000..eb255170a
--- /dev/null
+++ b/icon/hand-scissors-o/index.html
@@ -0,0 +1,251 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-hand-scissors-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-hand-scissors-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-hand-scissors-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-hand-scissors-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-hand-scissors-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-hand-scissors-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-hand-scissors-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-hand-scissors-o
+      <small>
+        <i class="fa fa-hand-scissors-o"></i> &middot;
+        Unicode: <span class="upper">f257</span> &middot;
+        Created: v4.4 &middot;
+        Categories:
+        
+          Web Application Icons,
+        
+          Hand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-hand-scissors-o"></i> fa-hand-scissors-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-hand-scissors-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/hand-spock-o/index.html b/icon/hand-spock-o/index.html
new file mode 100644
index 000000000..ad71e4f74
--- /dev/null
+++ b/icon/hand-spock-o/index.html
@@ -0,0 +1,251 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-hand-spock-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-hand-spock-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-hand-spock-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-hand-spock-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-hand-spock-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-hand-spock-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-hand-spock-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-hand-spock-o
+      <small>
+        <i class="fa fa-hand-spock-o"></i> &middot;
+        Unicode: <span class="upper">f259</span> &middot;
+        Created: v4.4 &middot;
+        Categories:
+        
+          Web Application Icons,
+        
+          Hand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-hand-spock-o"></i> fa-hand-spock-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-hand-spock-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/hashtag/index.html b/icon/hashtag/index.html
new file mode 100644
index 000000000..832148366
--- /dev/null
+++ b/icon/hashtag/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-hashtag: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-hashtag fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-hashtag fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-hashtag fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-hashtag fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-hashtag fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-hashtag fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-hashtag
+      <small>
+        <i class="fa fa-hashtag"></i> &middot;
+        Unicode: <span class="upper">f292</span> &middot;
+        Created: v4.5 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-hashtag"></i> fa-hashtag
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-hashtag&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/hdd-o/index.html b/icon/hdd-o/index.html
new file mode 100644
index 000000000..b07d8a823
--- /dev/null
+++ b/icon/hdd-o/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-hdd-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-hdd-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-hdd-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-hdd-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-hdd-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-hdd-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-hdd-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-hdd-o
+      <small>
+        <i class="fa fa-hdd-o"></i> &middot;
+        Unicode: <span class="upper">f0a0</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-hdd-o"></i> fa-hdd-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-hdd-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/header/index.html b/icon/header/index.html
new file mode 100644
index 000000000..82873e1b1
--- /dev/null
+++ b/icon/header/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-header: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-header fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-header fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-header fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-header fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-header fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-header fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-header
+      <small>
+        <i class="fa fa-header"></i> &middot;
+        Unicode: <span class="upper">f1dc</span> &middot;
+        Created: v4.1 &middot;
+        Categories:
+        
+          Text Editor Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-header"></i> fa-header
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-header&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/headphones/index.html b/icon/headphones/index.html
new file mode 100644
index 000000000..b7b28db8d
--- /dev/null
+++ b/icon/headphones/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-headphones: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-headphones fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-headphones fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-headphones fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-headphones fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-headphones fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-headphones fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-headphones
+      <small>
+        <i class="fa fa-headphones"></i> &middot;
+        Unicode: <span class="upper">f025</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-headphones"></i> fa-headphones
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-headphones&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/heart-o/index.html b/icon/heart-o/index.html
new file mode 100644
index 000000000..ed0d5989a
--- /dev/null
+++ b/icon/heart-o/index.html
@@ -0,0 +1,251 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-heart-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-heart-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-heart-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-heart-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-heart-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-heart-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-heart-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-heart-o
+      <small>
+        <i class="fa fa-heart-o"></i> &middot;
+        Unicode: <span class="upper">f08a</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons,
+        
+          Medical Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-heart-o"></i> fa-heart-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-heart-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/heart/index.html b/icon/heart/index.html
new file mode 100644
index 000000000..c22fc4c24
--- /dev/null
+++ b/icon/heart/index.html
@@ -0,0 +1,251 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-heart: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-heart fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-heart fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-heart fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-heart fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-heart fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-heart fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-heart
+      <small>
+        <i class="fa fa-heart"></i> &middot;
+        Unicode: <span class="upper">f004</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons,
+        
+          Medical Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-heart"></i> fa-heart
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-heart&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/heartbeat/index.html b/icon/heartbeat/index.html
new file mode 100644
index 000000000..c703d40f5
--- /dev/null
+++ b/icon/heartbeat/index.html
@@ -0,0 +1,251 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-heartbeat: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-heartbeat fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-heartbeat fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-heartbeat fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-heartbeat fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-heartbeat fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-heartbeat fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-heartbeat
+      <small>
+        <i class="fa fa-heartbeat"></i> &middot;
+        Unicode: <span class="upper">f21e</span> &middot;
+        Created: v4.3 &middot;
+        Categories:
+        
+          Web Application Icons,
+        
+          Medical Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-heartbeat"></i> fa-heartbeat
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-heartbeat&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/history/index.html b/icon/history/index.html
new file mode 100644
index 000000000..b69bd7fdc
--- /dev/null
+++ b/icon/history/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-history: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-history fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-history fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-history fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-history fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-history fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-history fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-history
+      <small>
+        <i class="fa fa-history"></i> &middot;
+        Unicode: <span class="upper">f1da</span> &middot;
+        Created: v4.1 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-history"></i> fa-history
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-history&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/home/index.html b/icon/home/index.html
new file mode 100644
index 000000000..f7b667eb4
--- /dev/null
+++ b/icon/home/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-home: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-home fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-home fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-home fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-home fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-home fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-home fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-home
+      <small>
+        <i class="fa fa-home"></i> &middot;
+        Unicode: <span class="upper">f015</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-home"></i> fa-home
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-home&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/hospital-o/index.html b/icon/hospital-o/index.html
new file mode 100644
index 000000000..2e168e3a7
--- /dev/null
+++ b/icon/hospital-o/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-hospital-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-hospital-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-hospital-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-hospital-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-hospital-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-hospital-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-hospital-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-hospital-o
+      <small>
+        <i class="fa fa-hospital-o"></i> &middot;
+        Unicode: <span class="upper">f0f8</span> &middot;
+        Created: v3.0 &middot;
+        Categories:
+        
+          Medical Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-hospital-o"></i> fa-hospital-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-hospital-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/hourglass-end/index.html b/icon/hourglass-end/index.html
new file mode 100644
index 000000000..fa6646e6b
--- /dev/null
+++ b/icon/hourglass-end/index.html
@@ -0,0 +1,254 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-hourglass-end: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-hourglass-end fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-hourglass-end fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-hourglass-end fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-hourglass-end fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-hourglass-end fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-hourglass-end fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-hourglass-end
+      <small>
+        <i class="fa fa-hourglass-end"></i> &middot;
+        Unicode: <span class="upper">f253</span> &middot;
+        Created: v4.4 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-hourglass-3
+          
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-hourglass-end"></i> fa-hourglass-end
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-hourglass-end&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/hourglass-half/index.html b/icon/hourglass-half/index.html
new file mode 100644
index 000000000..4d61b69b8
--- /dev/null
+++ b/icon/hourglass-half/index.html
@@ -0,0 +1,254 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-hourglass-half: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-hourglass-half fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-hourglass-half fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-hourglass-half fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-hourglass-half fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-hourglass-half fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-hourglass-half fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-hourglass-half
+      <small>
+        <i class="fa fa-hourglass-half"></i> &middot;
+        Unicode: <span class="upper">f252</span> &middot;
+        Created: v4.4 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-hourglass-2
+          
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-hourglass-half"></i> fa-hourglass-half
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-hourglass-half&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/hourglass-o/index.html b/icon/hourglass-o/index.html
new file mode 100644
index 000000000..99739a4b9
--- /dev/null
+++ b/icon/hourglass-o/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-hourglass-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-hourglass-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-hourglass-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-hourglass-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-hourglass-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-hourglass-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-hourglass-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-hourglass-o
+      <small>
+        <i class="fa fa-hourglass-o"></i> &middot;
+        Unicode: <span class="upper">f250</span> &middot;
+        Created: v4.4 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-hourglass-o"></i> fa-hourglass-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-hourglass-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/hourglass-start/index.html b/icon/hourglass-start/index.html
new file mode 100644
index 000000000..bce4fe952
--- /dev/null
+++ b/icon/hourglass-start/index.html
@@ -0,0 +1,254 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-hourglass-start: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-hourglass-start fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-hourglass-start fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-hourglass-start fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-hourglass-start fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-hourglass-start fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-hourglass-start fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-hourglass-start
+      <small>
+        <i class="fa fa-hourglass-start"></i> &middot;
+        Unicode: <span class="upper">f251</span> &middot;
+        Created: v4.4 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-hourglass-1
+          
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-hourglass-start"></i> fa-hourglass-start
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-hourglass-start&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/hourglass/index.html b/icon/hourglass/index.html
new file mode 100644
index 000000000..ab5316a31
--- /dev/null
+++ b/icon/hourglass/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-hourglass: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-hourglass fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-hourglass fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-hourglass fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-hourglass fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-hourglass fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-hourglass fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-hourglass
+      <small>
+        <i class="fa fa-hourglass"></i> &middot;
+        Unicode: <span class="upper">f254</span> &middot;
+        Created: v4.4 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-hourglass"></i> fa-hourglass
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-hourglass&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/houzz/index.html b/icon/houzz/index.html
new file mode 100644
index 000000000..1472babb7
--- /dev/null
+++ b/icon/houzz/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-houzz: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-houzz fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-houzz fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-houzz fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-houzz fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-houzz fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-houzz fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-houzz
+      <small>
+        <i class="fa fa-houzz"></i> &middot;
+        Unicode: <span class="upper">f27c</span> &middot;
+        Created: v4.4 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-houzz"></i> fa-houzz
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-houzz&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/html5/index.html b/icon/html5/index.html
new file mode 100644
index 000000000..af6940cd4
--- /dev/null
+++ b/icon/html5/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-html5: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-html5 fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-html5 fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-html5 fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-html5 fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-html5 fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-html5 fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-html5
+      <small>
+        <i class="fa fa-html5"></i> &middot;
+        Unicode: <span class="upper">f13b</span> &middot;
+        Created: v3.1 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-html5"></i> fa-html5
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-html5&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/i-cursor/index.html b/icon/i-cursor/index.html
new file mode 100644
index 000000000..5bd0d003d
--- /dev/null
+++ b/icon/i-cursor/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-i-cursor: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-i-cursor fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-i-cursor fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-i-cursor fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-i-cursor fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-i-cursor fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-i-cursor fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-i-cursor
+      <small>
+        <i class="fa fa-i-cursor"></i> &middot;
+        Unicode: <span class="upper">f246</span> &middot;
+        Created: v4.4 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-i-cursor"></i> fa-i-cursor
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-i-cursor&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/ils/index.html b/icon/ils/index.html
new file mode 100644
index 000000000..f0f0516bf
--- /dev/null
+++ b/icon/ils/index.html
@@ -0,0 +1,256 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-ils: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-ils fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-ils fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-ils fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-ils fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-ils fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-ils fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-ils
+      <small>
+        <i class="fa fa-ils"></i> &middot;
+        Unicode: <span class="upper">f20b</span> &middot;
+        Created: v4.2 &middot;
+        Categories:
+        
+          Currency Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-shekel,
+          
+            fa-sheqel
+          
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-ils"></i> fa-ils
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-ils&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/inbox/index.html b/icon/inbox/index.html
new file mode 100644
index 000000000..d616ac0dd
--- /dev/null
+++ b/icon/inbox/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-inbox: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-inbox fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-inbox fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-inbox fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-inbox fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-inbox fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-inbox fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-inbox
+      <small>
+        <i class="fa fa-inbox"></i> &middot;
+        Unicode: <span class="upper">f01c</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-inbox"></i> fa-inbox
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-inbox&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/indent/index.html b/icon/indent/index.html
new file mode 100644
index 000000000..5922a13d0
--- /dev/null
+++ b/icon/indent/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-indent: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-indent fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-indent fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-indent fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-indent fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-indent fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-indent fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-indent
+      <small>
+        <i class="fa fa-indent"></i> &middot;
+        Unicode: <span class="upper">f03c</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Text Editor Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-indent"></i> fa-indent
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-indent&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/industry/index.html b/icon/industry/index.html
new file mode 100644
index 000000000..0057b7f6a
--- /dev/null
+++ b/icon/industry/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-industry: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-industry fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-industry fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-industry fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-industry fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-industry fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-industry fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-industry
+      <small>
+        <i class="fa fa-industry"></i> &middot;
+        Unicode: <span class="upper">f275</span> &middot;
+        Created: v4.4 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-industry"></i> fa-industry
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-industry&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/info-circle/index.html b/icon/info-circle/index.html
new file mode 100644
index 000000000..cc71a7c20
--- /dev/null
+++ b/icon/info-circle/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-info-circle: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-info-circle fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-info-circle fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-info-circle fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-info-circle fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-info-circle fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-info-circle fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-info-circle
+      <small>
+        <i class="fa fa-info-circle"></i> &middot;
+        Unicode: <span class="upper">f05a</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-info-circle"></i> fa-info-circle
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-info-circle&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/info/index.html b/icon/info/index.html
new file mode 100644
index 000000000..a5512c676
--- /dev/null
+++ b/icon/info/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-info: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-info fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-info fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-info fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-info fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-info fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-info fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-info
+      <small>
+        <i class="fa fa-info"></i> &middot;
+        Unicode: <span class="upper">f129</span> &middot;
+        Created: v3.1 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-info"></i> fa-info
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-info&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/inr/index.html b/icon/inr/index.html
new file mode 100644
index 000000000..11b206bfd
--- /dev/null
+++ b/icon/inr/index.html
@@ -0,0 +1,254 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-inr: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-inr fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-inr fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-inr fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-inr fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-inr fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-inr fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-inr
+      <small>
+        <i class="fa fa-inr"></i> &middot;
+        Unicode: <span class="upper">f156</span> &middot;
+        Created: v3.2 &middot;
+        Categories:
+        
+          Currency Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-rupee
+          
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-inr"></i> fa-inr
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-inr&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/instagram/index.html b/icon/instagram/index.html
new file mode 100644
index 000000000..5f13ef8d7
--- /dev/null
+++ b/icon/instagram/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-instagram: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-instagram fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-instagram fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-instagram fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-instagram fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-instagram fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-instagram fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-instagram
+      <small>
+        <i class="fa fa-instagram"></i> &middot;
+        Unicode: <span class="upper">f16d</span> &middot;
+        Created: v3.2 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-instagram"></i> fa-instagram
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-instagram&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/internet-explorer/index.html b/icon/internet-explorer/index.html
new file mode 100644
index 000000000..596597985
--- /dev/null
+++ b/icon/internet-explorer/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-internet-explorer: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-internet-explorer fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-internet-explorer fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-internet-explorer fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-internet-explorer fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-internet-explorer fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-internet-explorer fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-internet-explorer
+      <small>
+        <i class="fa fa-internet-explorer"></i> &middot;
+        Unicode: <span class="upper">f26b</span> &middot;
+        Created: v4.4 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-internet-explorer"></i> fa-internet-explorer
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-internet-explorer&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/ioxhost/index.html b/icon/ioxhost/index.html
new file mode 100644
index 000000000..7ed6ff0f7
--- /dev/null
+++ b/icon/ioxhost/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-ioxhost: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-ioxhost fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-ioxhost fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-ioxhost fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-ioxhost fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-ioxhost fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-ioxhost fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-ioxhost
+      <small>
+        <i class="fa fa-ioxhost"></i> &middot;
+        Unicode: <span class="upper">f208</span> &middot;
+        Created: v4.2 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        &middot; <a target="_blank" href="http://ioxhost.co.uk">ioxhost.co.uk<i class="fa fa-external-link-square margin-left-sm"></i></a>
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-ioxhost"></i> fa-ioxhost
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-ioxhost&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/italic/index.html b/icon/italic/index.html
new file mode 100644
index 000000000..efd87f9e3
--- /dev/null
+++ b/icon/italic/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-italic: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-italic fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-italic fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-italic fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-italic fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-italic fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-italic fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-italic
+      <small>
+        <i class="fa fa-italic"></i> &middot;
+        Unicode: <span class="upper">f033</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Text Editor Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-italic"></i> fa-italic
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-italic&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/joomla/index.html b/icon/joomla/index.html
new file mode 100644
index 000000000..f09666e55
--- /dev/null
+++ b/icon/joomla/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-joomla: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-joomla fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-joomla fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-joomla fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-joomla fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-joomla fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-joomla fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-joomla
+      <small>
+        <i class="fa fa-joomla"></i> &middot;
+        Unicode: <span class="upper">f1aa</span> &middot;
+        Created: v4.1 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-joomla"></i> fa-joomla
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-joomla&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/jpy/index.html b/icon/jpy/index.html
new file mode 100644
index 000000000..54963f50e
--- /dev/null
+++ b/icon/jpy/index.html
@@ -0,0 +1,258 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-jpy: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-jpy fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-jpy fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-jpy fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-jpy fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-jpy fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-jpy fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-jpy
+      <small>
+        <i class="fa fa-jpy"></i> &middot;
+        Unicode: <span class="upper">f157</span> &middot;
+        Created: v3.2 &middot;
+        Categories:
+        
+          Currency Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-cny,
+          
+            fa-rmb,
+          
+            fa-yen
+          
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-jpy"></i> fa-jpy
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-jpy&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/jsfiddle/index.html b/icon/jsfiddle/index.html
new file mode 100644
index 000000000..1e189313a
--- /dev/null
+++ b/icon/jsfiddle/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-jsfiddle: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-jsfiddle fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-jsfiddle fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-jsfiddle fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-jsfiddle fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-jsfiddle fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-jsfiddle fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-jsfiddle
+      <small>
+        <i class="fa fa-jsfiddle"></i> &middot;
+        Unicode: <span class="upper">f1cc</span> &middot;
+        Created: v4.1 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-jsfiddle"></i> fa-jsfiddle
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-jsfiddle&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/key/index.html b/icon/key/index.html
new file mode 100644
index 000000000..bfd12a022
--- /dev/null
+++ b/icon/key/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-key: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-key fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-key fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-key fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-key fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-key fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-key fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-key
+      <small>
+        <i class="fa fa-key"></i> &middot;
+        Unicode: <span class="upper">f084</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-key"></i> fa-key
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-key&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/keyboard-o/index.html b/icon/keyboard-o/index.html
new file mode 100644
index 000000000..86c6c06ed
--- /dev/null
+++ b/icon/keyboard-o/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-keyboard-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-keyboard-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-keyboard-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-keyboard-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-keyboard-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-keyboard-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-keyboard-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-keyboard-o
+      <small>
+        <i class="fa fa-keyboard-o"></i> &middot;
+        Unicode: <span class="upper">f11c</span> &middot;
+        Created: v3.1 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-keyboard-o"></i> fa-keyboard-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-keyboard-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/krw/index.html b/icon/krw/index.html
new file mode 100644
index 000000000..b8e2142b8
--- /dev/null
+++ b/icon/krw/index.html
@@ -0,0 +1,254 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-krw: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-krw fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-krw fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-krw fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-krw fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-krw fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-krw fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-krw
+      <small>
+        <i class="fa fa-krw"></i> &middot;
+        Unicode: <span class="upper">f159</span> &middot;
+        Created: v3.2 &middot;
+        Categories:
+        
+          Currency Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-won
+          
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-krw"></i> fa-krw
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-krw&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/language/index.html b/icon/language/index.html
new file mode 100644
index 000000000..1f62d828a
--- /dev/null
+++ b/icon/language/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-language: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-language fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-language fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-language fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-language fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-language fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-language fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-language
+      <small>
+        <i class="fa fa-language"></i> &middot;
+        Unicode: <span class="upper">f1ab</span> &middot;
+        Created: v4.1 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-language"></i> fa-language
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-language&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/laptop/index.html b/icon/laptop/index.html
new file mode 100644
index 000000000..c4493d50c
--- /dev/null
+++ b/icon/laptop/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-laptop: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-laptop fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-laptop fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-laptop fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-laptop fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-laptop fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-laptop fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-laptop
+      <small>
+        <i class="fa fa-laptop"></i> &middot;
+        Unicode: <span class="upper">f109</span> &middot;
+        Created: v3.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-laptop"></i> fa-laptop
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-laptop&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/lastfm-square/index.html b/icon/lastfm-square/index.html
new file mode 100644
index 000000000..36acbbde4
--- /dev/null
+++ b/icon/lastfm-square/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-lastfm-square: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-lastfm-square fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-lastfm-square fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-lastfm-square fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-lastfm-square fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-lastfm-square fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-lastfm-square fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-lastfm-square
+      <small>
+        <i class="fa fa-lastfm-square"></i> &middot;
+        Unicode: <span class="upper">f203</span> &middot;
+        Created: v4.2 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-lastfm-square"></i> fa-lastfm-square
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-lastfm-square&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/lastfm/index.html b/icon/lastfm/index.html
new file mode 100644
index 000000000..6aafdead9
--- /dev/null
+++ b/icon/lastfm/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-lastfm: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-lastfm fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-lastfm fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-lastfm fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-lastfm fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-lastfm fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-lastfm fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-lastfm
+      <small>
+        <i class="fa fa-lastfm"></i> &middot;
+        Unicode: <span class="upper">f202</span> &middot;
+        Created: v4.2 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-lastfm"></i> fa-lastfm
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-lastfm&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/leaf/index.html b/icon/leaf/index.html
new file mode 100644
index 000000000..42fff700f
--- /dev/null
+++ b/icon/leaf/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-leaf: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-leaf fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-leaf fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-leaf fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-leaf fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-leaf fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-leaf fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-leaf
+      <small>
+        <i class="fa fa-leaf"></i> &middot;
+        Unicode: <span class="upper">f06c</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-leaf"></i> fa-leaf
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-leaf&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/leanpub/index.html b/icon/leanpub/index.html
new file mode 100644
index 000000000..9e01d44a9
--- /dev/null
+++ b/icon/leanpub/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-leanpub: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-leanpub fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-leanpub fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-leanpub fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-leanpub fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-leanpub fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-leanpub fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-leanpub
+      <small>
+        <i class="fa fa-leanpub"></i> &middot;
+        Unicode: <span class="upper">f212</span> &middot;
+        Created: v4.3 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        &middot; <a target="_blank" href="http://leanpub.com">leanpub.com<i class="fa fa-external-link-square margin-left-sm"></i></a>
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-leanpub"></i> fa-leanpub
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-leanpub&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/lemon-o/index.html b/icon/lemon-o/index.html
new file mode 100644
index 000000000..35b82b147
--- /dev/null
+++ b/icon/lemon-o/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-lemon-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-lemon-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-lemon-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-lemon-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-lemon-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-lemon-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-lemon-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-lemon-o
+      <small>
+        <i class="fa fa-lemon-o"></i> &middot;
+        Unicode: <span class="upper">f094</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-lemon-o"></i> fa-lemon-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-lemon-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/level-down/index.html b/icon/level-down/index.html
new file mode 100644
index 000000000..345b74615
--- /dev/null
+++ b/icon/level-down/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-level-down: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-level-down fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-level-down fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-level-down fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-level-down fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-level-down fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-level-down fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-level-down
+      <small>
+        <i class="fa fa-level-down"></i> &middot;
+        Unicode: <span class="upper">f149</span> &middot;
+        Created: v3.1 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-level-down"></i> fa-level-down
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-level-down&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/level-up/index.html b/icon/level-up/index.html
new file mode 100644
index 000000000..40df40ead
--- /dev/null
+++ b/icon/level-up/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-level-up: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-level-up fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-level-up fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-level-up fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-level-up fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-level-up fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-level-up fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-level-up
+      <small>
+        <i class="fa fa-level-up"></i> &middot;
+        Unicode: <span class="upper">f148</span> &middot;
+        Created: v3.1 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-level-up"></i> fa-level-up
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-level-up&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/life-ring/index.html b/icon/life-ring/index.html
new file mode 100644
index 000000000..a007bcb35
--- /dev/null
+++ b/icon/life-ring/index.html
@@ -0,0 +1,260 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-life-ring: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-life-ring fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-life-ring fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-life-ring fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-life-ring fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-life-ring fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-life-ring fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-life-ring
+      <small>
+        <i class="fa fa-life-ring"></i> &middot;
+        Unicode: <span class="upper">f1cd</span> &middot;
+        Created: v4.1 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-life-bouy,
+          
+            fa-life-buoy,
+          
+            fa-life-saver,
+          
+            fa-support
+          
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-life-ring"></i> fa-life-ring
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-life-ring&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/lightbulb-o/index.html b/icon/lightbulb-o/index.html
new file mode 100644
index 000000000..56f1ff358
--- /dev/null
+++ b/icon/lightbulb-o/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-lightbulb-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-lightbulb-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-lightbulb-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-lightbulb-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-lightbulb-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-lightbulb-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-lightbulb-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-lightbulb-o
+      <small>
+        <i class="fa fa-lightbulb-o"></i> &middot;
+        Unicode: <span class="upper">f0eb</span> &middot;
+        Created: v3.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-lightbulb-o"></i> fa-lightbulb-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-lightbulb-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/line-chart/index.html b/icon/line-chart/index.html
new file mode 100644
index 000000000..95f854c0b
--- /dev/null
+++ b/icon/line-chart/index.html
@@ -0,0 +1,251 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-line-chart: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-line-chart fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-line-chart fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-line-chart fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-line-chart fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-line-chart fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-line-chart fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-line-chart
+      <small>
+        <i class="fa fa-line-chart"></i> &middot;
+        Unicode: <span class="upper">f201</span> &middot;
+        Created: v4.2 &middot;
+        Categories:
+        
+          Web Application Icons,
+        
+          Chart Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-line-chart"></i> fa-line-chart
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-line-chart&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/link/index.html b/icon/link/index.html
new file mode 100644
index 000000000..6a0b72469
--- /dev/null
+++ b/icon/link/index.html
@@ -0,0 +1,254 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-link: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-link fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-link fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-link fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-link fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-link fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-link fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-link
+      <small>
+        <i class="fa fa-link"></i> &middot;
+        Unicode: <span class="upper">f0c1</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Text Editor Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-chain
+          
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-link"></i> fa-link
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-link&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/linkedin-square/index.html b/icon/linkedin-square/index.html
new file mode 100644
index 000000000..98db219c8
--- /dev/null
+++ b/icon/linkedin-square/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-linkedin-square: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-linkedin-square fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-linkedin-square fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-linkedin-square fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-linkedin-square fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-linkedin-square fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-linkedin-square fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-linkedin-square
+      <small>
+        <i class="fa fa-linkedin-square"></i> &middot;
+        Unicode: <span class="upper">f08c</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-linkedin-square"></i> fa-linkedin-square
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-linkedin-square&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/linkedin/index.html b/icon/linkedin/index.html
new file mode 100644
index 000000000..15b323f6e
--- /dev/null
+++ b/icon/linkedin/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-linkedin: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-linkedin fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-linkedin fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-linkedin fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-linkedin fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-linkedin fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-linkedin fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-linkedin
+      <small>
+        <i class="fa fa-linkedin"></i> &middot;
+        Unicode: <span class="upper">f0e1</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-linkedin"></i> fa-linkedin
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-linkedin&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/linux/index.html b/icon/linux/index.html
new file mode 100644
index 000000000..c959270ec
--- /dev/null
+++ b/icon/linux/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-linux: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-linux fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-linux fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-linux fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-linux fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-linux fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-linux fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-linux
+      <small>
+        <i class="fa fa-linux"></i> &middot;
+        Unicode: <span class="upper">f17c</span> &middot;
+        Created: v3.2 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-linux"></i> fa-linux
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-linux&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/list-alt/index.html b/icon/list-alt/index.html
new file mode 100644
index 000000000..562bf9b3c
--- /dev/null
+++ b/icon/list-alt/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-list-alt: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-list-alt fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-list-alt fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-list-alt fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-list-alt fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-list-alt fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-list-alt fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-list-alt
+      <small>
+        <i class="fa fa-list-alt"></i> &middot;
+        Unicode: <span class="upper">f022</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Text Editor Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-list-alt"></i> fa-list-alt
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-list-alt&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/list-ol/index.html b/icon/list-ol/index.html
new file mode 100644
index 000000000..3381a7678
--- /dev/null
+++ b/icon/list-ol/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-list-ol: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-list-ol fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-list-ol fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-list-ol fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-list-ol fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-list-ol fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-list-ol fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-list-ol
+      <small>
+        <i class="fa fa-list-ol"></i> &middot;
+        Unicode: <span class="upper">f0cb</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Text Editor Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-list-ol"></i> fa-list-ol
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-list-ol&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/list-ul/index.html b/icon/list-ul/index.html
new file mode 100644
index 000000000..f2d5c0ab9
--- /dev/null
+++ b/icon/list-ul/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-list-ul: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-list-ul fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-list-ul fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-list-ul fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-list-ul fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-list-ul fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-list-ul fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-list-ul
+      <small>
+        <i class="fa fa-list-ul"></i> &middot;
+        Unicode: <span class="upper">f0ca</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Text Editor Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-list-ul"></i> fa-list-ul
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-list-ul&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/list/index.html b/icon/list/index.html
new file mode 100644
index 000000000..48effe013
--- /dev/null
+++ b/icon/list/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-list: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-list fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-list fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-list fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-list fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-list fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-list fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-list
+      <small>
+        <i class="fa fa-list"></i> &middot;
+        Unicode: <span class="upper">f03a</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Text Editor Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-list"></i> fa-list
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-list&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/location-arrow/index.html b/icon/location-arrow/index.html
new file mode 100644
index 000000000..e7e980d0f
--- /dev/null
+++ b/icon/location-arrow/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-location-arrow: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-location-arrow fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-location-arrow fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-location-arrow fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-location-arrow fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-location-arrow fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-location-arrow fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-location-arrow
+      <small>
+        <i class="fa fa-location-arrow"></i> &middot;
+        Unicode: <span class="upper">f124</span> &middot;
+        Created: v3.1 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-location-arrow"></i> fa-location-arrow
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-location-arrow&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/lock/index.html b/icon/lock/index.html
new file mode 100644
index 000000000..13036fc30
--- /dev/null
+++ b/icon/lock/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-lock: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-lock fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-lock fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-lock fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-lock fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-lock fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-lock fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-lock
+      <small>
+        <i class="fa fa-lock"></i> &middot;
+        Unicode: <span class="upper">f023</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-lock"></i> fa-lock
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-lock&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/long-arrow-down/index.html b/icon/long-arrow-down/index.html
new file mode 100644
index 000000000..77bc2d075
--- /dev/null
+++ b/icon/long-arrow-down/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-long-arrow-down: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-long-arrow-down fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-long-arrow-down fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-long-arrow-down fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-long-arrow-down fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-long-arrow-down fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-long-arrow-down fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-long-arrow-down
+      <small>
+        <i class="fa fa-long-arrow-down"></i> &middot;
+        Unicode: <span class="upper">f175</span> &middot;
+        Created: v3.2 &middot;
+        Categories:
+        
+          Directional Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-long-arrow-down"></i> fa-long-arrow-down
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-long-arrow-down&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/long-arrow-left/index.html b/icon/long-arrow-left/index.html
new file mode 100644
index 000000000..6b7d4f842
--- /dev/null
+++ b/icon/long-arrow-left/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-long-arrow-left: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-long-arrow-left fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-long-arrow-left fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-long-arrow-left fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-long-arrow-left fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-long-arrow-left fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-long-arrow-left fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-long-arrow-left
+      <small>
+        <i class="fa fa-long-arrow-left"></i> &middot;
+        Unicode: <span class="upper">f177</span> &middot;
+        Created: v3.2 &middot;
+        Categories:
+        
+          Directional Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-long-arrow-left"></i> fa-long-arrow-left
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-long-arrow-left&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/long-arrow-right/index.html b/icon/long-arrow-right/index.html
new file mode 100644
index 000000000..d915eaac9
--- /dev/null
+++ b/icon/long-arrow-right/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-long-arrow-right: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-long-arrow-right fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-long-arrow-right fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-long-arrow-right fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-long-arrow-right fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-long-arrow-right fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-long-arrow-right fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-long-arrow-right
+      <small>
+        <i class="fa fa-long-arrow-right"></i> &middot;
+        Unicode: <span class="upper">f178</span> &middot;
+        Created: v3.2 &middot;
+        Categories:
+        
+          Directional Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-long-arrow-right"></i> fa-long-arrow-right
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-long-arrow-right&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/long-arrow-up/index.html b/icon/long-arrow-up/index.html
new file mode 100644
index 000000000..7ea13c577
--- /dev/null
+++ b/icon/long-arrow-up/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-long-arrow-up: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-long-arrow-up fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-long-arrow-up fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-long-arrow-up fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-long-arrow-up fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-long-arrow-up fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-long-arrow-up fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-long-arrow-up
+      <small>
+        <i class="fa fa-long-arrow-up"></i> &middot;
+        Unicode: <span class="upper">f176</span> &middot;
+        Created: v3.2 &middot;
+        Categories:
+        
+          Directional Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-long-arrow-up"></i> fa-long-arrow-up
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-long-arrow-up&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/magic/index.html b/icon/magic/index.html
new file mode 100644
index 000000000..7b0ea21b9
--- /dev/null
+++ b/icon/magic/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-magic: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-magic fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-magic fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-magic fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-magic fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-magic fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-magic fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-magic
+      <small>
+        <i class="fa fa-magic"></i> &middot;
+        Unicode: <span class="upper">f0d0</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-magic"></i> fa-magic
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-magic&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/magnet/index.html b/icon/magnet/index.html
new file mode 100644
index 000000000..bac6f7b7a
--- /dev/null
+++ b/icon/magnet/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-magnet: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-magnet fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-magnet fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-magnet fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-magnet fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-magnet fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-magnet fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-magnet
+      <small>
+        <i class="fa fa-magnet"></i> &middot;
+        Unicode: <span class="upper">f076</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-magnet"></i> fa-magnet
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-magnet&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/male/index.html b/icon/male/index.html
new file mode 100644
index 000000000..0bd3b35c2
--- /dev/null
+++ b/icon/male/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-male: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-male fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-male fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-male fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-male fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-male fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-male fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-male
+      <small>
+        <i class="fa fa-male"></i> &middot;
+        Unicode: <span class="upper">f183</span> &middot;
+        Created: v3.2 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-male"></i> fa-male
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-male&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/map-marker/index.html b/icon/map-marker/index.html
new file mode 100644
index 000000000..7eaf12486
--- /dev/null
+++ b/icon/map-marker/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-map-marker: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-map-marker fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-map-marker fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-map-marker fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-map-marker fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-map-marker fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-map-marker fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-map-marker
+      <small>
+        <i class="fa fa-map-marker"></i> &middot;
+        Unicode: <span class="upper">f041</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-map-marker"></i> fa-map-marker
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-map-marker&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/map-o/index.html b/icon/map-o/index.html
new file mode 100644
index 000000000..65cfc2765
--- /dev/null
+++ b/icon/map-o/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-map-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-map-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-map-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-map-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-map-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-map-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-map-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-map-o
+      <small>
+        <i class="fa fa-map-o"></i> &middot;
+        Unicode: <span class="upper">f278</span> &middot;
+        Created: v4.4 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-map-o"></i> fa-map-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-map-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/map-pin/index.html b/icon/map-pin/index.html
new file mode 100644
index 000000000..16f42aded
--- /dev/null
+++ b/icon/map-pin/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-map-pin: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-map-pin fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-map-pin fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-map-pin fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-map-pin fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-map-pin fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-map-pin fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-map-pin
+      <small>
+        <i class="fa fa-map-pin"></i> &middot;
+        Unicode: <span class="upper">f276</span> &middot;
+        Created: v4.4 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-map-pin"></i> fa-map-pin
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-map-pin&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/map-signs/index.html b/icon/map-signs/index.html
new file mode 100644
index 000000000..10f64b412
--- /dev/null
+++ b/icon/map-signs/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-map-signs: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-map-signs fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-map-signs fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-map-signs fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-map-signs fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-map-signs fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-map-signs fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-map-signs
+      <small>
+        <i class="fa fa-map-signs"></i> &middot;
+        Unicode: <span class="upper">f277</span> &middot;
+        Created: v4.4 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-map-signs"></i> fa-map-signs
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-map-signs&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/map/index.html b/icon/map/index.html
new file mode 100644
index 000000000..50979dfab
--- /dev/null
+++ b/icon/map/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-map: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-map fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-map fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-map fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-map fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-map fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-map fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-map
+      <small>
+        <i class="fa fa-map"></i> &middot;
+        Unicode: <span class="upper">f279</span> &middot;
+        Created: v4.4 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-map"></i> fa-map
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-map&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/mars-double/index.html b/icon/mars-double/index.html
new file mode 100644
index 000000000..d0e301e1d
--- /dev/null
+++ b/icon/mars-double/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-mars-double: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-mars-double fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-mars-double fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-mars-double fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-mars-double fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-mars-double fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-mars-double fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-mars-double
+      <small>
+        <i class="fa fa-mars-double"></i> &middot;
+        Unicode: <span class="upper">f227</span> &middot;
+        Created: v4.3 &middot;
+        Categories:
+        
+          Gender Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-mars-double"></i> fa-mars-double
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-mars-double&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/mars-stroke-h/index.html b/icon/mars-stroke-h/index.html
new file mode 100644
index 000000000..c5ea5b993
--- /dev/null
+++ b/icon/mars-stroke-h/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-mars-stroke-h: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-mars-stroke-h fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-mars-stroke-h fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-mars-stroke-h fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-mars-stroke-h fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-mars-stroke-h fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-mars-stroke-h fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-mars-stroke-h
+      <small>
+        <i class="fa fa-mars-stroke-h"></i> &middot;
+        Unicode: <span class="upper">f22b</span> &middot;
+        Created: v4.3 &middot;
+        Categories:
+        
+          Gender Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-mars-stroke-h"></i> fa-mars-stroke-h
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-mars-stroke-h&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/mars-stroke-v/index.html b/icon/mars-stroke-v/index.html
new file mode 100644
index 000000000..1b01cd2cd
--- /dev/null
+++ b/icon/mars-stroke-v/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-mars-stroke-v: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-mars-stroke-v fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-mars-stroke-v fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-mars-stroke-v fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-mars-stroke-v fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-mars-stroke-v fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-mars-stroke-v fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-mars-stroke-v
+      <small>
+        <i class="fa fa-mars-stroke-v"></i> &middot;
+        Unicode: <span class="upper">f22a</span> &middot;
+        Created: v4.3 &middot;
+        Categories:
+        
+          Gender Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-mars-stroke-v"></i> fa-mars-stroke-v
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-mars-stroke-v&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/mars-stroke/index.html b/icon/mars-stroke/index.html
new file mode 100644
index 000000000..a935128e6
--- /dev/null
+++ b/icon/mars-stroke/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-mars-stroke: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-mars-stroke fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-mars-stroke fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-mars-stroke fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-mars-stroke fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-mars-stroke fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-mars-stroke fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-mars-stroke
+      <small>
+        <i class="fa fa-mars-stroke"></i> &middot;
+        Unicode: <span class="upper">f229</span> &middot;
+        Created: v4.3 &middot;
+        Categories:
+        
+          Gender Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-mars-stroke"></i> fa-mars-stroke
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-mars-stroke&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/mars/index.html b/icon/mars/index.html
new file mode 100644
index 000000000..c2782e4f3
--- /dev/null
+++ b/icon/mars/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-mars: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-mars fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-mars fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-mars fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-mars fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-mars fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-mars fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-mars
+      <small>
+        <i class="fa fa-mars"></i> &middot;
+        Unicode: <span class="upper">f222</span> &middot;
+        Created: v4.3 &middot;
+        Categories:
+        
+          Gender Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-mars"></i> fa-mars
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-mars&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/maxcdn/index.html b/icon/maxcdn/index.html
new file mode 100644
index 000000000..ac0b460ec
--- /dev/null
+++ b/icon/maxcdn/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-maxcdn: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-maxcdn fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-maxcdn fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-maxcdn fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-maxcdn fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-maxcdn fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-maxcdn fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-maxcdn
+      <small>
+        <i class="fa fa-maxcdn"></i> &middot;
+        Unicode: <span class="upper">f136</span> &middot;
+        Created: v3.1 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-maxcdn"></i> fa-maxcdn
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-maxcdn&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/meanpath/index.html b/icon/meanpath/index.html
new file mode 100644
index 000000000..745d633a7
--- /dev/null
+++ b/icon/meanpath/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-meanpath: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-meanpath fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-meanpath fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-meanpath fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-meanpath fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-meanpath fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-meanpath fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-meanpath
+      <small>
+        <i class="fa fa-meanpath"></i> &middot;
+        Unicode: <span class="upper">f20c</span> &middot;
+        Created: v4.2 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        &middot; <a target="_blank" href="http://meanpath.com">meanpath.com<i class="fa fa-external-link-square margin-left-sm"></i></a>
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-meanpath"></i> fa-meanpath
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-meanpath&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/medium/index.html b/icon/medium/index.html
new file mode 100644
index 000000000..786728d10
--- /dev/null
+++ b/icon/medium/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-medium: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-medium fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-medium fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-medium fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-medium fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-medium fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-medium fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-medium
+      <small>
+        <i class="fa fa-medium"></i> &middot;
+        Unicode: <span class="upper">f23a</span> &middot;
+        Created: v4.3 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-medium"></i> fa-medium
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-medium&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/medkit/index.html b/icon/medkit/index.html
new file mode 100644
index 000000000..72cd2a809
--- /dev/null
+++ b/icon/medkit/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-medkit: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-medkit fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-medkit fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-medkit fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-medkit fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-medkit fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-medkit fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-medkit
+      <small>
+        <i class="fa fa-medkit"></i> &middot;
+        Unicode: <span class="upper">f0fa</span> &middot;
+        Created: v3.0 &middot;
+        Categories:
+        
+          Medical Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-medkit"></i> fa-medkit
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-medkit&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/meh-o/index.html b/icon/meh-o/index.html
new file mode 100644
index 000000000..69bc1698b
--- /dev/null
+++ b/icon/meh-o/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-meh-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-meh-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-meh-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-meh-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-meh-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-meh-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-meh-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-meh-o
+      <small>
+        <i class="fa fa-meh-o"></i> &middot;
+        Unicode: <span class="upper">f11a</span> &middot;
+        Created: v3.1 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-meh-o"></i> fa-meh-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-meh-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/mercury/index.html b/icon/mercury/index.html
new file mode 100644
index 000000000..64f997cd6
--- /dev/null
+++ b/icon/mercury/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-mercury: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-mercury fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-mercury fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-mercury fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-mercury fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-mercury fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-mercury fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-mercury
+      <small>
+        <i class="fa fa-mercury"></i> &middot;
+        Unicode: <span class="upper">f223</span> &middot;
+        Created: v4.3 &middot;
+        Categories:
+        
+          Gender Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-mercury"></i> fa-mercury
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-mercury&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/microphone-slash/index.html b/icon/microphone-slash/index.html
new file mode 100644
index 000000000..80016df89
--- /dev/null
+++ b/icon/microphone-slash/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-microphone-slash: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-microphone-slash fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-microphone-slash fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-microphone-slash fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-microphone-slash fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-microphone-slash fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-microphone-slash fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-microphone-slash
+      <small>
+        <i class="fa fa-microphone-slash"></i> &middot;
+        Unicode: <span class="upper">f131</span> &middot;
+        Created: v3.1 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-microphone-slash"></i> fa-microphone-slash
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-microphone-slash&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/microphone/index.html b/icon/microphone/index.html
new file mode 100644
index 000000000..6aaaa14d7
--- /dev/null
+++ b/icon/microphone/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-microphone: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-microphone fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-microphone fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-microphone fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-microphone fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-microphone fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-microphone fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-microphone
+      <small>
+        <i class="fa fa-microphone"></i> &middot;
+        Unicode: <span class="upper">f130</span> &middot;
+        Created: v3.1 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-microphone"></i> fa-microphone
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-microphone&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/minus-circle/index.html b/icon/minus-circle/index.html
new file mode 100644
index 000000000..5c4053546
--- /dev/null
+++ b/icon/minus-circle/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-minus-circle: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-minus-circle fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-minus-circle fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-minus-circle fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-minus-circle fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-minus-circle fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-minus-circle fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-minus-circle
+      <small>
+        <i class="fa fa-minus-circle"></i> &middot;
+        Unicode: <span class="upper">f056</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-minus-circle"></i> fa-minus-circle
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-minus-circle&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/minus-square-o/index.html b/icon/minus-square-o/index.html
new file mode 100644
index 000000000..8e730bd6f
--- /dev/null
+++ b/icon/minus-square-o/index.html
@@ -0,0 +1,251 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-minus-square-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-minus-square-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-minus-square-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-minus-square-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-minus-square-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-minus-square-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-minus-square-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-minus-square-o
+      <small>
+        <i class="fa fa-minus-square-o"></i> &middot;
+        Unicode: <span class="upper">f147</span> &middot;
+        Created: v3.1 &middot;
+        Categories:
+        
+          Web Application Icons,
+        
+          Form Control Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-minus-square-o"></i> fa-minus-square-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-minus-square-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/minus-square/index.html b/icon/minus-square/index.html
new file mode 100644
index 000000000..7f1388916
--- /dev/null
+++ b/icon/minus-square/index.html
@@ -0,0 +1,251 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-minus-square: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-minus-square fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-minus-square fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-minus-square fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-minus-square fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-minus-square fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-minus-square fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-minus-square
+      <small>
+        <i class="fa fa-minus-square"></i> &middot;
+        Unicode: <span class="upper">f146</span> &middot;
+        Created: v3.1 &middot;
+        Categories:
+        
+          Web Application Icons,
+        
+          Form Control Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-minus-square"></i> fa-minus-square
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-minus-square&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/minus/index.html b/icon/minus/index.html
new file mode 100644
index 000000000..da717ff6f
--- /dev/null
+++ b/icon/minus/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-minus: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-minus fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-minus fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-minus fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-minus fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-minus fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-minus fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-minus
+      <small>
+        <i class="fa fa-minus"></i> &middot;
+        Unicode: <span class="upper">f068</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-minus"></i> fa-minus
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-minus&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/mixcloud/index.html b/icon/mixcloud/index.html
new file mode 100644
index 000000000..cbbd8ac93
--- /dev/null
+++ b/icon/mixcloud/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-mixcloud: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-mixcloud fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-mixcloud fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-mixcloud fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-mixcloud fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-mixcloud fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-mixcloud fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-mixcloud
+      <small>
+        <i class="fa fa-mixcloud"></i> &middot;
+        Unicode: <span class="upper">f289</span> &middot;
+        Created: v4.5 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-mixcloud"></i> fa-mixcloud
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-mixcloud&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/mobile/index.html b/icon/mobile/index.html
new file mode 100644
index 000000000..fb5481b4a
--- /dev/null
+++ b/icon/mobile/index.html
@@ -0,0 +1,254 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-mobile: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-mobile fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-mobile fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-mobile fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-mobile fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-mobile fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-mobile fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-mobile
+      <small>
+        <i class="fa fa-mobile"></i> &middot;
+        Unicode: <span class="upper">f10b</span> &middot;
+        Created: v3.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-mobile-phone
+          
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-mobile"></i> fa-mobile
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-mobile&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/modx/index.html b/icon/modx/index.html
new file mode 100644
index 000000000..174f8e6ca
--- /dev/null
+++ b/icon/modx/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-modx: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-modx fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-modx fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-modx fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-modx fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-modx fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-modx fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-modx
+      <small>
+        <i class="fa fa-modx"></i> &middot;
+        Unicode: <span class="upper">f285</span> &middot;
+        Created: v4.5 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-modx"></i> fa-modx
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-modx&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/money/index.html b/icon/money/index.html
new file mode 100644
index 000000000..e76f10d1d
--- /dev/null
+++ b/icon/money/index.html
@@ -0,0 +1,251 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-money: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-money fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-money fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-money fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-money fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-money fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-money fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-money
+      <small>
+        <i class="fa fa-money"></i> &middot;
+        Unicode: <span class="upper">f0d6</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Web Application Icons,
+        
+          Currency Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-money"></i> fa-money
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-money&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/moon-o/index.html b/icon/moon-o/index.html
new file mode 100644
index 000000000..4a6d5acb6
--- /dev/null
+++ b/icon/moon-o/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-moon-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-moon-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-moon-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-moon-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-moon-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-moon-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-moon-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-moon-o
+      <small>
+        <i class="fa fa-moon-o"></i> &middot;
+        Unicode: <span class="upper">f186</span> &middot;
+        Created: v3.2 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-moon-o"></i> fa-moon-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-moon-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/motorcycle/index.html b/icon/motorcycle/index.html
new file mode 100644
index 000000000..1533dfc41
--- /dev/null
+++ b/icon/motorcycle/index.html
@@ -0,0 +1,251 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-motorcycle: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-motorcycle fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-motorcycle fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-motorcycle fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-motorcycle fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-motorcycle fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-motorcycle fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-motorcycle
+      <small>
+        <i class="fa fa-motorcycle"></i> &middot;
+        Unicode: <span class="upper">f21c</span> &middot;
+        Created: v4.3 &middot;
+        Categories:
+        
+          Web Application Icons,
+        
+          Transportation Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-motorcycle"></i> fa-motorcycle
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-motorcycle&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/mouse-pointer/index.html b/icon/mouse-pointer/index.html
new file mode 100644
index 000000000..d9d07f64b
--- /dev/null
+++ b/icon/mouse-pointer/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-mouse-pointer: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-mouse-pointer fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-mouse-pointer fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-mouse-pointer fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-mouse-pointer fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-mouse-pointer fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-mouse-pointer fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-mouse-pointer
+      <small>
+        <i class="fa fa-mouse-pointer"></i> &middot;
+        Unicode: <span class="upper">f245</span> &middot;
+        Created: v4.4 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-mouse-pointer"></i> fa-mouse-pointer
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-mouse-pointer&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/music/index.html b/icon/music/index.html
new file mode 100644
index 000000000..e0442ce72
--- /dev/null
+++ b/icon/music/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-music: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-music fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-music fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-music fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-music fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-music fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-music fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-music
+      <small>
+        <i class="fa fa-music"></i> &middot;
+        Unicode: <span class="upper">f001</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-music"></i> fa-music
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-music&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/neuter/index.html b/icon/neuter/index.html
new file mode 100644
index 000000000..cca6285d5
--- /dev/null
+++ b/icon/neuter/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-neuter: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-neuter fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-neuter fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-neuter fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-neuter fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-neuter fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-neuter fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-neuter
+      <small>
+        <i class="fa fa-neuter"></i> &middot;
+        Unicode: <span class="upper">f22c</span> &middot;
+        Created: v4.3 &middot;
+        Categories:
+        
+          Gender Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-neuter"></i> fa-neuter
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-neuter&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/newspaper-o/index.html b/icon/newspaper-o/index.html
new file mode 100644
index 000000000..6c2732656
--- /dev/null
+++ b/icon/newspaper-o/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-newspaper-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-newspaper-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-newspaper-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-newspaper-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-newspaper-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-newspaper-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-newspaper-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-newspaper-o
+      <small>
+        <i class="fa fa-newspaper-o"></i> &middot;
+        Unicode: <span class="upper">f1ea</span> &middot;
+        Created: v4.2 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-newspaper-o"></i> fa-newspaper-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-newspaper-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/object-group/index.html b/icon/object-group/index.html
new file mode 100644
index 000000000..5ff97709c
--- /dev/null
+++ b/icon/object-group/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-object-group: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-object-group fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-object-group fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-object-group fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-object-group fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-object-group fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-object-group fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-object-group
+      <small>
+        <i class="fa fa-object-group"></i> &middot;
+        Unicode: <span class="upper">f247</span> &middot;
+        Created: v4.4 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-object-group"></i> fa-object-group
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-object-group&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/object-ungroup/index.html b/icon/object-ungroup/index.html
new file mode 100644
index 000000000..a09710358
--- /dev/null
+++ b/icon/object-ungroup/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-object-ungroup: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-object-ungroup fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-object-ungroup fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-object-ungroup fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-object-ungroup fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-object-ungroup fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-object-ungroup fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-object-ungroup
+      <small>
+        <i class="fa fa-object-ungroup"></i> &middot;
+        Unicode: <span class="upper">f248</span> &middot;
+        Created: v4.4 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-object-ungroup"></i> fa-object-ungroup
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-object-ungroup&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/odnoklassniki-square/index.html b/icon/odnoklassniki-square/index.html
new file mode 100644
index 000000000..8424d9699
--- /dev/null
+++ b/icon/odnoklassniki-square/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-odnoklassniki-square: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-odnoklassniki-square fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-odnoklassniki-square fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-odnoklassniki-square fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-odnoklassniki-square fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-odnoklassniki-square fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-odnoklassniki-square fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-odnoklassniki-square
+      <small>
+        <i class="fa fa-odnoklassniki-square"></i> &middot;
+        Unicode: <span class="upper">f264</span> &middot;
+        Created: v4.4 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-odnoklassniki-square"></i> fa-odnoklassniki-square
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-odnoklassniki-square&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/odnoklassniki/index.html b/icon/odnoklassniki/index.html
new file mode 100644
index 000000000..d0b5d8f19
--- /dev/null
+++ b/icon/odnoklassniki/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-odnoklassniki: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-odnoklassniki fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-odnoklassniki fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-odnoklassniki fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-odnoklassniki fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-odnoklassniki fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-odnoklassniki fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-odnoklassniki
+      <small>
+        <i class="fa fa-odnoklassniki"></i> &middot;
+        Unicode: <span class="upper">f263</span> &middot;
+        Created: v4.4 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-odnoklassniki"></i> fa-odnoklassniki
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-odnoklassniki&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/opencart/index.html b/icon/opencart/index.html
new file mode 100644
index 000000000..ace6ec2ff
--- /dev/null
+++ b/icon/opencart/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-opencart: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-opencart fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-opencart fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-opencart fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-opencart fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-opencart fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-opencart fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-opencart
+      <small>
+        <i class="fa fa-opencart"></i> &middot;
+        Unicode: <span class="upper">f23d</span> &middot;
+        Created: v4.4 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        &middot; <a target="_blank" href="http://opencart.com">opencart.com<i class="fa fa-external-link-square margin-left-sm"></i></a>
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-opencart"></i> fa-opencart
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-opencart&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/openid/index.html b/icon/openid/index.html
new file mode 100644
index 000000000..b469dbbee
--- /dev/null
+++ b/icon/openid/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-openid: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-openid fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-openid fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-openid fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-openid fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-openid fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-openid fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-openid
+      <small>
+        <i class="fa fa-openid"></i> &middot;
+        Unicode: <span class="upper">f19b</span> &middot;
+        Created: v4.1 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-openid"></i> fa-openid
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-openid&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/opera/index.html b/icon/opera/index.html
new file mode 100644
index 000000000..04c7b56e7
--- /dev/null
+++ b/icon/opera/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-opera: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-opera fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-opera fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-opera fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-opera fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-opera fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-opera fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-opera
+      <small>
+        <i class="fa fa-opera"></i> &middot;
+        Unicode: <span class="upper">f26a</span> &middot;
+        Created: v4.4 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-opera"></i> fa-opera
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-opera&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/optin-monster/index.html b/icon/optin-monster/index.html
new file mode 100644
index 000000000..55a48f67c
--- /dev/null
+++ b/icon/optin-monster/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-optin-monster: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-optin-monster fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-optin-monster fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-optin-monster fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-optin-monster fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-optin-monster fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-optin-monster fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-optin-monster
+      <small>
+        <i class="fa fa-optin-monster"></i> &middot;
+        Unicode: <span class="upper">f23c</span> &middot;
+        Created: v4.4 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        &middot; <a target="_blank" href="http://optinmonster.com">optinmonster.com<i class="fa fa-external-link-square margin-left-sm"></i></a>
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-optin-monster"></i> fa-optin-monster
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-optin-monster&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/outdent/index.html b/icon/outdent/index.html
new file mode 100644
index 000000000..146140e4e
--- /dev/null
+++ b/icon/outdent/index.html
@@ -0,0 +1,254 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-outdent: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-outdent fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-outdent fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-outdent fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-outdent fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-outdent fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-outdent fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-outdent
+      <small>
+        <i class="fa fa-outdent"></i> &middot;
+        Unicode: <span class="upper">f03b</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Text Editor Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-dedent
+          
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-outdent"></i> fa-outdent
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-outdent&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/pagelines/index.html b/icon/pagelines/index.html
new file mode 100644
index 000000000..e26a5f3b2
--- /dev/null
+++ b/icon/pagelines/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-pagelines: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-pagelines fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-pagelines fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-pagelines fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-pagelines fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-pagelines fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-pagelines fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-pagelines
+      <small>
+        <i class="fa fa-pagelines"></i> &middot;
+        Unicode: <span class="upper">f18c</span> &middot;
+        Created: v4.0 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-pagelines"></i> fa-pagelines
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-pagelines&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/paint-brush/index.html b/icon/paint-brush/index.html
new file mode 100644
index 000000000..7f7908178
--- /dev/null
+++ b/icon/paint-brush/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-paint-brush: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-paint-brush fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-paint-brush fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-paint-brush fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-paint-brush fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-paint-brush fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-paint-brush fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-paint-brush
+      <small>
+        <i class="fa fa-paint-brush"></i> &middot;
+        Unicode: <span class="upper">f1fc</span> &middot;
+        Created: v4.2 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-paint-brush"></i> fa-paint-brush
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-paint-brush&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/paper-plane-o/index.html b/icon/paper-plane-o/index.html
new file mode 100644
index 000000000..8e86ee50d
--- /dev/null
+++ b/icon/paper-plane-o/index.html
@@ -0,0 +1,254 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-paper-plane-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-paper-plane-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-paper-plane-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-paper-plane-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-paper-plane-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-paper-plane-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-paper-plane-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-paper-plane-o
+      <small>
+        <i class="fa fa-paper-plane-o"></i> &middot;
+        Unicode: <span class="upper">f1d9</span> &middot;
+        Created: v4.1 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-send-o
+          
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-paper-plane-o"></i> fa-paper-plane-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-paper-plane-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/paper-plane/index.html b/icon/paper-plane/index.html
new file mode 100644
index 000000000..3a6191a98
--- /dev/null
+++ b/icon/paper-plane/index.html
@@ -0,0 +1,254 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-paper-plane: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-paper-plane fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-paper-plane fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-paper-plane fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-paper-plane fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-paper-plane fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-paper-plane fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-paper-plane
+      <small>
+        <i class="fa fa-paper-plane"></i> &middot;
+        Unicode: <span class="upper">f1d8</span> &middot;
+        Created: v4.1 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-send
+          
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-paper-plane"></i> fa-paper-plane
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-paper-plane&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/paperclip/index.html b/icon/paperclip/index.html
new file mode 100644
index 000000000..c7cb37bc8
--- /dev/null
+++ b/icon/paperclip/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-paperclip: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-paperclip fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-paperclip fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-paperclip fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-paperclip fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-paperclip fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-paperclip fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-paperclip
+      <small>
+        <i class="fa fa-paperclip"></i> &middot;
+        Unicode: <span class="upper">f0c6</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Text Editor Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-paperclip"></i> fa-paperclip
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-paperclip&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/paragraph/index.html b/icon/paragraph/index.html
new file mode 100644
index 000000000..1b0441043
--- /dev/null
+++ b/icon/paragraph/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-paragraph: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-paragraph fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-paragraph fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-paragraph fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-paragraph fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-paragraph fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-paragraph fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-paragraph
+      <small>
+        <i class="fa fa-paragraph"></i> &middot;
+        Unicode: <span class="upper">f1dd</span> &middot;
+        Created: v4.1 &middot;
+        Categories:
+        
+          Text Editor Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-paragraph"></i> fa-paragraph
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-paragraph&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/pause-circle-o/index.html b/icon/pause-circle-o/index.html
new file mode 100644
index 000000000..78ef8b77b
--- /dev/null
+++ b/icon/pause-circle-o/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-pause-circle-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-pause-circle-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-pause-circle-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-pause-circle-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-pause-circle-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-pause-circle-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-pause-circle-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-pause-circle-o
+      <small>
+        <i class="fa fa-pause-circle-o"></i> &middot;
+        Unicode: <span class="upper">f28c</span> &middot;
+        Created: v4.5 &middot;
+        Categories:
+        
+          Video Player Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-pause-circle-o"></i> fa-pause-circle-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-pause-circle-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/pause-circle/index.html b/icon/pause-circle/index.html
new file mode 100644
index 000000000..a29f65c96
--- /dev/null
+++ b/icon/pause-circle/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-pause-circle: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-pause-circle fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-pause-circle fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-pause-circle fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-pause-circle fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-pause-circle fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-pause-circle fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-pause-circle
+      <small>
+        <i class="fa fa-pause-circle"></i> &middot;
+        Unicode: <span class="upper">f28b</span> &middot;
+        Created: v4.5 &middot;
+        Categories:
+        
+          Video Player Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-pause-circle"></i> fa-pause-circle
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-pause-circle&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/pause/index.html b/icon/pause/index.html
new file mode 100644
index 000000000..96407b3c0
--- /dev/null
+++ b/icon/pause/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-pause: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-pause fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-pause fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-pause fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-pause fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-pause fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-pause fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-pause
+      <small>
+        <i class="fa fa-pause"></i> &middot;
+        Unicode: <span class="upper">f04c</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Video Player Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-pause"></i> fa-pause
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-pause&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/paw/index.html b/icon/paw/index.html
new file mode 100644
index 000000000..fa70fa2f5
--- /dev/null
+++ b/icon/paw/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-paw: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-paw fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-paw fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-paw fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-paw fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-paw fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-paw fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-paw
+      <small>
+        <i class="fa fa-paw"></i> &middot;
+        Unicode: <span class="upper">f1b0</span> &middot;
+        Created: v4.1 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-paw"></i> fa-paw
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-paw&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/paypal/index.html b/icon/paypal/index.html
new file mode 100644
index 000000000..54bd7321b
--- /dev/null
+++ b/icon/paypal/index.html
@@ -0,0 +1,251 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-paypal: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-paypal fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-paypal fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-paypal fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-paypal fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-paypal fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-paypal fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-paypal
+      <small>
+        <i class="fa fa-paypal"></i> &middot;
+        Unicode: <span class="upper">f1ed</span> &middot;
+        Created: v4.2 &middot;
+        Categories:
+        
+          Brand Icons,
+        
+          Payment Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-paypal"></i> fa-paypal
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-paypal&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/pencil-square-o/index.html b/icon/pencil-square-o/index.html
new file mode 100644
index 000000000..4b9266354
--- /dev/null
+++ b/icon/pencil-square-o/index.html
@@ -0,0 +1,254 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-pencil-square-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-pencil-square-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-pencil-square-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-pencil-square-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-pencil-square-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-pencil-square-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-pencil-square-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-pencil-square-o
+      <small>
+        <i class="fa fa-pencil-square-o"></i> &middot;
+        Unicode: <span class="upper">f044</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-edit
+          
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-pencil-square-o"></i> fa-pencil-square-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-pencil-square-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/pencil-square/index.html b/icon/pencil-square/index.html
new file mode 100644
index 000000000..143f9bf63
--- /dev/null
+++ b/icon/pencil-square/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-pencil-square: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-pencil-square fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-pencil-square fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-pencil-square fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-pencil-square fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-pencil-square fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-pencil-square fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-pencil-square
+      <small>
+        <i class="fa fa-pencil-square"></i> &middot;
+        Unicode: <span class="upper">f14b</span> &middot;
+        Created: v3.1 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-pencil-square"></i> fa-pencil-square
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-pencil-square&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/pencil/index.html b/icon/pencil/index.html
new file mode 100644
index 000000000..99337a062
--- /dev/null
+++ b/icon/pencil/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-pencil: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-pencil fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-pencil fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-pencil fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-pencil fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-pencil fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-pencil fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-pencil
+      <small>
+        <i class="fa fa-pencil"></i> &middot;
+        Unicode: <span class="upper">f040</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-pencil"></i> fa-pencil
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-pencil&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/percent/index.html b/icon/percent/index.html
new file mode 100644
index 000000000..6980042a1
--- /dev/null
+++ b/icon/percent/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-percent: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-percent fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-percent fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-percent fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-percent fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-percent fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-percent fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-percent
+      <small>
+        <i class="fa fa-percent"></i> &middot;
+        Unicode: <span class="upper">f295</span> &middot;
+        Created: v4.5 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-percent"></i> fa-percent
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-percent&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/phone-square/index.html b/icon/phone-square/index.html
new file mode 100644
index 000000000..6d2e207ec
--- /dev/null
+++ b/icon/phone-square/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-phone-square: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-phone-square fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-phone-square fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-phone-square fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-phone-square fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-phone-square fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-phone-square fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-phone-square
+      <small>
+        <i class="fa fa-phone-square"></i> &middot;
+        Unicode: <span class="upper">f098</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-phone-square"></i> fa-phone-square
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-phone-square&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/phone/index.html b/icon/phone/index.html
new file mode 100644
index 000000000..adc78cfd5
--- /dev/null
+++ b/icon/phone/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-phone: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-phone fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-phone fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-phone fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-phone fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-phone fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-phone fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-phone
+      <small>
+        <i class="fa fa-phone"></i> &middot;
+        Unicode: <span class="upper">f095</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-phone"></i> fa-phone
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-phone&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/picture-o/index.html b/icon/picture-o/index.html
new file mode 100644
index 000000000..253e3d7ba
--- /dev/null
+++ b/icon/picture-o/index.html
@@ -0,0 +1,256 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-picture-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-picture-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-picture-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-picture-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-picture-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-picture-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-picture-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-picture-o
+      <small>
+        <i class="fa fa-picture-o"></i> &middot;
+        Unicode: <span class="upper">f03e</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-photo,
+          
+            fa-image
+          
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-picture-o"></i> fa-picture-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-picture-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/pie-chart/index.html b/icon/pie-chart/index.html
new file mode 100644
index 000000000..2b294c20a
--- /dev/null
+++ b/icon/pie-chart/index.html
@@ -0,0 +1,251 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-pie-chart: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-pie-chart fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-pie-chart fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-pie-chart fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-pie-chart fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-pie-chart fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-pie-chart fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-pie-chart
+      <small>
+        <i class="fa fa-pie-chart"></i> &middot;
+        Unicode: <span class="upper">f200</span> &middot;
+        Created: v4.2 &middot;
+        Categories:
+        
+          Web Application Icons,
+        
+          Chart Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-pie-chart"></i> fa-pie-chart
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-pie-chart&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/pied-piper-alt/index.html b/icon/pied-piper-alt/index.html
new file mode 100644
index 000000000..0a9b3adf5
--- /dev/null
+++ b/icon/pied-piper-alt/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-pied-piper-alt: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-pied-piper-alt fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-pied-piper-alt fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-pied-piper-alt fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-pied-piper-alt fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-pied-piper-alt fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-pied-piper-alt fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-pied-piper-alt
+      <small>
+        <i class="fa fa-pied-piper-alt"></i> &middot;
+        Unicode: <span class="upper">f1a8</span> &middot;
+        Created: v4.1 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-pied-piper-alt"></i> fa-pied-piper-alt
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-pied-piper-alt&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/pied-piper/index.html b/icon/pied-piper/index.html
new file mode 100644
index 000000000..639e4a3d8
--- /dev/null
+++ b/icon/pied-piper/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-pied-piper: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-pied-piper fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-pied-piper fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-pied-piper fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-pied-piper fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-pied-piper fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-pied-piper fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-pied-piper
+      <small>
+        <i class="fa fa-pied-piper"></i> &middot;
+        Unicode: <span class="upper">f1a7</span> &middot;
+        Created: v4.1 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-pied-piper"></i> fa-pied-piper
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-pied-piper&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/pinterest-p/index.html b/icon/pinterest-p/index.html
new file mode 100644
index 000000000..390e9d880
--- /dev/null
+++ b/icon/pinterest-p/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-pinterest-p: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-pinterest-p fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-pinterest-p fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-pinterest-p fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-pinterest-p fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-pinterest-p fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-pinterest-p fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-pinterest-p
+      <small>
+        <i class="fa fa-pinterest-p"></i> &middot;
+        Unicode: <span class="upper">f231</span> &middot;
+        Created: v4.3 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-pinterest-p"></i> fa-pinterest-p
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-pinterest-p&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/pinterest-square/index.html b/icon/pinterest-square/index.html
new file mode 100644
index 000000000..93d83ecbb
--- /dev/null
+++ b/icon/pinterest-square/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-pinterest-square: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-pinterest-square fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-pinterest-square fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-pinterest-square fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-pinterest-square fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-pinterest-square fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-pinterest-square fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-pinterest-square
+      <small>
+        <i class="fa fa-pinterest-square"></i> &middot;
+        Unicode: <span class="upper">f0d3</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-pinterest-square"></i> fa-pinterest-square
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-pinterest-square&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/pinterest/index.html b/icon/pinterest/index.html
new file mode 100644
index 000000000..e254a0d95
--- /dev/null
+++ b/icon/pinterest/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-pinterest: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-pinterest fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-pinterest fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-pinterest fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-pinterest fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-pinterest fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-pinterest fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-pinterest
+      <small>
+        <i class="fa fa-pinterest"></i> &middot;
+        Unicode: <span class="upper">f0d2</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-pinterest"></i> fa-pinterest
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-pinterest&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/plane/index.html b/icon/plane/index.html
new file mode 100644
index 000000000..e23bbf6b9
--- /dev/null
+++ b/icon/plane/index.html
@@ -0,0 +1,251 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-plane: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-plane fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-plane fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-plane fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-plane fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-plane fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-plane fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-plane
+      <small>
+        <i class="fa fa-plane"></i> &middot;
+        Unicode: <span class="upper">f072</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons,
+        
+          Transportation Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-plane"></i> fa-plane
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-plane&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/play-circle-o/index.html b/icon/play-circle-o/index.html
new file mode 100644
index 000000000..d94e1df35
--- /dev/null
+++ b/icon/play-circle-o/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-play-circle-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-play-circle-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-play-circle-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-play-circle-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-play-circle-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-play-circle-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-play-circle-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-play-circle-o
+      <small>
+        <i class="fa fa-play-circle-o"></i> &middot;
+        Unicode: <span class="upper">f01d</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Video Player Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-play-circle-o"></i> fa-play-circle-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-play-circle-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/play-circle/index.html b/icon/play-circle/index.html
new file mode 100644
index 000000000..0fe72f975
--- /dev/null
+++ b/icon/play-circle/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-play-circle: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-play-circle fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-play-circle fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-play-circle fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-play-circle fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-play-circle fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-play-circle fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-play-circle
+      <small>
+        <i class="fa fa-play-circle"></i> &middot;
+        Unicode: <span class="upper">f144</span> &middot;
+        Created: v3.1 &middot;
+        Categories:
+        
+          Video Player Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-play-circle"></i> fa-play-circle
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-play-circle&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/play/index.html b/icon/play/index.html
new file mode 100644
index 000000000..073ebf3aa
--- /dev/null
+++ b/icon/play/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-play: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-play fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-play fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-play fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-play fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-play fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-play fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-play
+      <small>
+        <i class="fa fa-play"></i> &middot;
+        Unicode: <span class="upper">f04b</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Video Player Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-play"></i> fa-play
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-play&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/plug/index.html b/icon/plug/index.html
new file mode 100644
index 000000000..8159373d3
--- /dev/null
+++ b/icon/plug/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-plug: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-plug fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-plug fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-plug fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-plug fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-plug fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-plug fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-plug
+      <small>
+        <i class="fa fa-plug"></i> &middot;
+        Unicode: <span class="upper">f1e6</span> &middot;
+        Created: v4.2 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-plug"></i> fa-plug
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-plug&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/plus-circle/index.html b/icon/plus-circle/index.html
new file mode 100644
index 000000000..55062393d
--- /dev/null
+++ b/icon/plus-circle/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-plus-circle: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-plus-circle fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-plus-circle fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-plus-circle fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-plus-circle fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-plus-circle fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-plus-circle fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-plus-circle
+      <small>
+        <i class="fa fa-plus-circle"></i> &middot;
+        Unicode: <span class="upper">f055</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-plus-circle"></i> fa-plus-circle
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-plus-circle&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/plus-square-o/index.html b/icon/plus-square-o/index.html
new file mode 100644
index 000000000..5d813b3b9
--- /dev/null
+++ b/icon/plus-square-o/index.html
@@ -0,0 +1,251 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-plus-square-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-plus-square-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-plus-square-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-plus-square-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-plus-square-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-plus-square-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-plus-square-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-plus-square-o
+      <small>
+        <i class="fa fa-plus-square-o"></i> &middot;
+        Unicode: <span class="upper">f196</span> &middot;
+        Created: v4.0 &middot;
+        Categories:
+        
+          Web Application Icons,
+        
+          Form Control Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-plus-square-o"></i> fa-plus-square-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-plus-square-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/plus-square/index.html b/icon/plus-square/index.html
new file mode 100644
index 000000000..5a94c848a
--- /dev/null
+++ b/icon/plus-square/index.html
@@ -0,0 +1,253 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-plus-square: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-plus-square fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-plus-square fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-plus-square fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-plus-square fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-plus-square fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-plus-square fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-plus-square
+      <small>
+        <i class="fa fa-plus-square"></i> &middot;
+        Unicode: <span class="upper">f0fe</span> &middot;
+        Created: v3.0 &middot;
+        Categories:
+        
+          Medical Icons,
+        
+          Web Application Icons,
+        
+          Form Control Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-plus-square"></i> fa-plus-square
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-plus-square&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/plus/index.html b/icon/plus/index.html
new file mode 100644
index 000000000..6e634ffb1
--- /dev/null
+++ b/icon/plus/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-plus: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-plus fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-plus fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-plus fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-plus fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-plus fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-plus fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-plus
+      <small>
+        <i class="fa fa-plus"></i> &middot;
+        Unicode: <span class="upper">f067</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-plus"></i> fa-plus
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-plus&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/power-off/index.html b/icon/power-off/index.html
new file mode 100644
index 000000000..d38e84739
--- /dev/null
+++ b/icon/power-off/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-power-off: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-power-off fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-power-off fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-power-off fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-power-off fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-power-off fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-power-off fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-power-off
+      <small>
+        <i class="fa fa-power-off"></i> &middot;
+        Unicode: <span class="upper">f011</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-power-off"></i> fa-power-off
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-power-off&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/print/index.html b/icon/print/index.html
new file mode 100644
index 000000000..3ab7baeac
--- /dev/null
+++ b/icon/print/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-print: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-print fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-print fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-print fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-print fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-print fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-print fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-print
+      <small>
+        <i class="fa fa-print"></i> &middot;
+        Unicode: <span class="upper">f02f</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-print"></i> fa-print
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-print&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/product-hunt/index.html b/icon/product-hunt/index.html
new file mode 100644
index 000000000..756e9041b
--- /dev/null
+++ b/icon/product-hunt/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-product-hunt: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-product-hunt fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-product-hunt fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-product-hunt fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-product-hunt fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-product-hunt fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-product-hunt fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-product-hunt
+      <small>
+        <i class="fa fa-product-hunt"></i> &middot;
+        Unicode: <span class="upper">f288</span> &middot;
+        Created: v4.5 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-product-hunt"></i> fa-product-hunt
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-product-hunt&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/puzzle-piece/index.html b/icon/puzzle-piece/index.html
new file mode 100644
index 000000000..d6b0199c2
--- /dev/null
+++ b/icon/puzzle-piece/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-puzzle-piece: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-puzzle-piece fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-puzzle-piece fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-puzzle-piece fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-puzzle-piece fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-puzzle-piece fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-puzzle-piece fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-puzzle-piece
+      <small>
+        <i class="fa fa-puzzle-piece"></i> &middot;
+        Unicode: <span class="upper">f12e</span> &middot;
+        Created: v3.1 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-puzzle-piece"></i> fa-puzzle-piece
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-puzzle-piece&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/qq/index.html b/icon/qq/index.html
new file mode 100644
index 000000000..308039091
--- /dev/null
+++ b/icon/qq/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-qq: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-qq fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-qq fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-qq fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-qq fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-qq fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-qq fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-qq
+      <small>
+        <i class="fa fa-qq"></i> &middot;
+        Unicode: <span class="upper">f1d6</span> &middot;
+        Created: v4.1 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-qq"></i> fa-qq
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-qq&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/qrcode/index.html b/icon/qrcode/index.html
new file mode 100644
index 000000000..a80760e77
--- /dev/null
+++ b/icon/qrcode/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-qrcode: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-qrcode fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-qrcode fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-qrcode fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-qrcode fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-qrcode fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-qrcode fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-qrcode
+      <small>
+        <i class="fa fa-qrcode"></i> &middot;
+        Unicode: <span class="upper">f029</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-qrcode"></i> fa-qrcode
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-qrcode&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/question-circle/index.html b/icon/question-circle/index.html
new file mode 100644
index 000000000..c19d6b7e1
--- /dev/null
+++ b/icon/question-circle/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-question-circle: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-question-circle fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-question-circle fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-question-circle fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-question-circle fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-question-circle fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-question-circle fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-question-circle
+      <small>
+        <i class="fa fa-question-circle"></i> &middot;
+        Unicode: <span class="upper">f059</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-question-circle"></i> fa-question-circle
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-question-circle&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/question/index.html b/icon/question/index.html
new file mode 100644
index 000000000..f5368375b
--- /dev/null
+++ b/icon/question/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-question: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-question fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-question fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-question fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-question fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-question fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-question fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-question
+      <small>
+        <i class="fa fa-question"></i> &middot;
+        Unicode: <span class="upper">f128</span> &middot;
+        Created: v3.1 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-question"></i> fa-question
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-question&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/quote-left/index.html b/icon/quote-left/index.html
new file mode 100644
index 000000000..1ef661309
--- /dev/null
+++ b/icon/quote-left/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-quote-left: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-quote-left fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-quote-left fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-quote-left fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-quote-left fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-quote-left fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-quote-left fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-quote-left
+      <small>
+        <i class="fa fa-quote-left"></i> &middot;
+        Unicode: <span class="upper">f10d</span> &middot;
+        Created: v3.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-quote-left"></i> fa-quote-left
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-quote-left&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/quote-right/index.html b/icon/quote-right/index.html
new file mode 100644
index 000000000..92fc69659
--- /dev/null
+++ b/icon/quote-right/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-quote-right: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-quote-right fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-quote-right fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-quote-right fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-quote-right fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-quote-right fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-quote-right fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-quote-right
+      <small>
+        <i class="fa fa-quote-right"></i> &middot;
+        Unicode: <span class="upper">f10e</span> &middot;
+        Created: v3.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-quote-right"></i> fa-quote-right
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-quote-right&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/random/index.html b/icon/random/index.html
new file mode 100644
index 000000000..f73d45162
--- /dev/null
+++ b/icon/random/index.html
@@ -0,0 +1,251 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-random: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-random fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-random fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-random fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-random fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-random fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-random fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-random
+      <small>
+        <i class="fa fa-random"></i> &middot;
+        Unicode: <span class="upper">f074</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons,
+        
+          Video Player Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-random"></i> fa-random
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-random&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/rebel/index.html b/icon/rebel/index.html
new file mode 100644
index 000000000..805c1b821
--- /dev/null
+++ b/icon/rebel/index.html
@@ -0,0 +1,254 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-rebel: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-rebel fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-rebel fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-rebel fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-rebel fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-rebel fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-rebel fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-rebel
+      <small>
+        <i class="fa fa-rebel"></i> &middot;
+        Unicode: <span class="upper">f1d0</span> &middot;
+        Created: v4.1 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-ra
+          
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-rebel"></i> fa-rebel
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-rebel&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/recycle/index.html b/icon/recycle/index.html
new file mode 100644
index 000000000..a35504fd0
--- /dev/null
+++ b/icon/recycle/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-recycle: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-recycle fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-recycle fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-recycle fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-recycle fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-recycle fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-recycle fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-recycle
+      <small>
+        <i class="fa fa-recycle"></i> &middot;
+        Unicode: <span class="upper">f1b8</span> &middot;
+        Created: v4.1 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-recycle"></i> fa-recycle
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-recycle&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/reddit-alien/index.html b/icon/reddit-alien/index.html
new file mode 100644
index 000000000..02b152875
--- /dev/null
+++ b/icon/reddit-alien/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-reddit-alien: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-reddit-alien fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-reddit-alien fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-reddit-alien fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-reddit-alien fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-reddit-alien fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-reddit-alien fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-reddit-alien
+      <small>
+        <i class="fa fa-reddit-alien"></i> &middot;
+        Unicode: <span class="upper">f281</span> &middot;
+        Created: v4.5 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-reddit-alien"></i> fa-reddit-alien
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-reddit-alien&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/reddit-square/index.html b/icon/reddit-square/index.html
new file mode 100644
index 000000000..4a2375b3e
--- /dev/null
+++ b/icon/reddit-square/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-reddit-square: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-reddit-square fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-reddit-square fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-reddit-square fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-reddit-square fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-reddit-square fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-reddit-square fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-reddit-square
+      <small>
+        <i class="fa fa-reddit-square"></i> &middot;
+        Unicode: <span class="upper">f1a2</span> &middot;
+        Created: v4.1 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-reddit-square"></i> fa-reddit-square
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-reddit-square&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/reddit/index.html b/icon/reddit/index.html
new file mode 100644
index 000000000..1f335ba56
--- /dev/null
+++ b/icon/reddit/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-reddit: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-reddit fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-reddit fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-reddit fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-reddit fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-reddit fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-reddit fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-reddit
+      <small>
+        <i class="fa fa-reddit"></i> &middot;
+        Unicode: <span class="upper">f1a1</span> &middot;
+        Created: v4.1 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-reddit"></i> fa-reddit
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-reddit&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/refresh/index.html b/icon/refresh/index.html
new file mode 100644
index 000000000..882560edc
--- /dev/null
+++ b/icon/refresh/index.html
@@ -0,0 +1,251 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-refresh: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-refresh fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-refresh fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-refresh fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-refresh fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-refresh fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-refresh fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-refresh
+      <small>
+        <i class="fa fa-refresh"></i> &middot;
+        Unicode: <span class="upper">f021</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons,
+        
+          Spinner Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-refresh"></i> fa-refresh
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-refresh&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/registered/index.html b/icon/registered/index.html
new file mode 100644
index 000000000..8a36f8fd3
--- /dev/null
+++ b/icon/registered/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-registered: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-registered fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-registered fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-registered fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-registered fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-registered fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-registered fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-registered
+      <small>
+        <i class="fa fa-registered"></i> &middot;
+        Unicode: <span class="upper">f25d</span> &middot;
+        Created: v4.4 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-registered"></i> fa-registered
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-registered&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/renren/index.html b/icon/renren/index.html
new file mode 100644
index 000000000..c6e53cccf
--- /dev/null
+++ b/icon/renren/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-renren: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-renren fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-renren fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-renren fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-renren fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-renren fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-renren fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-renren
+      <small>
+        <i class="fa fa-renren"></i> &middot;
+        Unicode: <span class="upper">f18b</span> &middot;
+        Created: v3.2 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-renren"></i> fa-renren
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-renren&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/repeat/index.html b/icon/repeat/index.html
new file mode 100644
index 000000000..3a16b8f61
--- /dev/null
+++ b/icon/repeat/index.html
@@ -0,0 +1,254 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-repeat: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-repeat fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-repeat fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-repeat fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-repeat fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-repeat fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-repeat fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-repeat
+      <small>
+        <i class="fa fa-repeat"></i> &middot;
+        Unicode: <span class="upper">f01e</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Text Editor Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-rotate-right
+          
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-repeat"></i> fa-repeat
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-repeat&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/reply-all/index.html b/icon/reply-all/index.html
new file mode 100644
index 000000000..b28843782
--- /dev/null
+++ b/icon/reply-all/index.html
@@ -0,0 +1,254 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-reply-all: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-reply-all fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-reply-all fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-reply-all fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-reply-all fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-reply-all fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-reply-all fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-reply-all
+      <small>
+        <i class="fa fa-reply-all"></i> &middot;
+        Unicode: <span class="upper">f122</span> &middot;
+        Created: v3.1 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-mail-reply-all
+          
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-reply-all"></i> fa-reply-all
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-reply-all&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/reply/index.html b/icon/reply/index.html
new file mode 100644
index 000000000..8e87e7e49
--- /dev/null
+++ b/icon/reply/index.html
@@ -0,0 +1,254 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-reply: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-reply fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-reply fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-reply fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-reply fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-reply fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-reply fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-reply
+      <small>
+        <i class="fa fa-reply"></i> &middot;
+        Unicode: <span class="upper">f112</span> &middot;
+        Created: v3.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-mail-reply
+          
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-reply"></i> fa-reply
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-reply&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/retweet/index.html b/icon/retweet/index.html
new file mode 100644
index 000000000..bcc219427
--- /dev/null
+++ b/icon/retweet/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-retweet: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-retweet fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-retweet fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-retweet fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-retweet fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-retweet fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-retweet fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-retweet
+      <small>
+        <i class="fa fa-retweet"></i> &middot;
+        Unicode: <span class="upper">f079</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-retweet"></i> fa-retweet
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-retweet&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/road/index.html b/icon/road/index.html
new file mode 100644
index 000000000..7491852cb
--- /dev/null
+++ b/icon/road/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-road: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-road fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-road fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-road fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-road fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-road fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-road fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-road
+      <small>
+        <i class="fa fa-road"></i> &middot;
+        Unicode: <span class="upper">f018</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-road"></i> fa-road
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-road&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/rocket/index.html b/icon/rocket/index.html
new file mode 100644
index 000000000..f093adabb
--- /dev/null
+++ b/icon/rocket/index.html
@@ -0,0 +1,251 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-rocket: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-rocket fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-rocket fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-rocket fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-rocket fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-rocket fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-rocket fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-rocket
+      <small>
+        <i class="fa fa-rocket"></i> &middot;
+        Unicode: <span class="upper">f135</span> &middot;
+        Created: v3.1 &middot;
+        Categories:
+        
+          Web Application Icons,
+        
+          Transportation Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-rocket"></i> fa-rocket
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-rocket&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/rss-square/index.html b/icon/rss-square/index.html
new file mode 100644
index 000000000..909ecd9bc
--- /dev/null
+++ b/icon/rss-square/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-rss-square: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-rss-square fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-rss-square fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-rss-square fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-rss-square fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-rss-square fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-rss-square fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-rss-square
+      <small>
+        <i class="fa fa-rss-square"></i> &middot;
+        Unicode: <span class="upper">f143</span> &middot;
+        Created: v3.1 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-rss-square"></i> fa-rss-square
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-rss-square&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/rss/index.html b/icon/rss/index.html
new file mode 100644
index 000000000..a697370f6
--- /dev/null
+++ b/icon/rss/index.html
@@ -0,0 +1,254 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-rss: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-rss fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-rss fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-rss fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-rss fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-rss fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-rss fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-rss
+      <small>
+        <i class="fa fa-rss"></i> &middot;
+        Unicode: <span class="upper">f09e</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-feed
+          
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-rss"></i> fa-rss
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-rss&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/rub/index.html b/icon/rub/index.html
new file mode 100644
index 000000000..26f5614ae
--- /dev/null
+++ b/icon/rub/index.html
@@ -0,0 +1,256 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-rub: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-rub fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-rub fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-rub fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-rub fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-rub fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-rub fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-rub
+      <small>
+        <i class="fa fa-rub"></i> &middot;
+        Unicode: <span class="upper">f158</span> &middot;
+        Created: v4.0 &middot;
+        Categories:
+        
+          Currency Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-ruble,
+          
+            fa-rouble
+          
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-rub"></i> fa-rub
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-rub&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/safari/index.html b/icon/safari/index.html
new file mode 100644
index 000000000..7ef347c90
--- /dev/null
+++ b/icon/safari/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-safari: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-safari fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-safari fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-safari fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-safari fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-safari fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-safari fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-safari
+      <small>
+        <i class="fa fa-safari"></i> &middot;
+        Unicode: <span class="upper">f267</span> &middot;
+        Created: v4.4 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-safari"></i> fa-safari
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-safari&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/scissors/index.html b/icon/scissors/index.html
new file mode 100644
index 000000000..05ac0e351
--- /dev/null
+++ b/icon/scissors/index.html
@@ -0,0 +1,254 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-scissors: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-scissors fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-scissors fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-scissors fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-scissors fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-scissors fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-scissors fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-scissors
+      <small>
+        <i class="fa fa-scissors"></i> &middot;
+        Unicode: <span class="upper">f0c4</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Text Editor Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-cut
+          
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-scissors"></i> fa-scissors
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-scissors&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/scribd/index.html b/icon/scribd/index.html
new file mode 100644
index 000000000..35296f44c
--- /dev/null
+++ b/icon/scribd/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-scribd: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-scribd fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-scribd fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-scribd fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-scribd fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-scribd fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-scribd fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-scribd
+      <small>
+        <i class="fa fa-scribd"></i> &middot;
+        Unicode: <span class="upper">f28a</span> &middot;
+        Created: v4.5 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-scribd"></i> fa-scribd
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-scribd&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/search-minus/index.html b/icon/search-minus/index.html
new file mode 100644
index 000000000..e9f1b86e1
--- /dev/null
+++ b/icon/search-minus/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-search-minus: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-search-minus fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-search-minus fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-search-minus fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-search-minus fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-search-minus fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-search-minus fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-search-minus
+      <small>
+        <i class="fa fa-search-minus"></i> &middot;
+        Unicode: <span class="upper">f010</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-search-minus"></i> fa-search-minus
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-search-minus&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/search-plus/index.html b/icon/search-plus/index.html
new file mode 100644
index 000000000..2aad05752
--- /dev/null
+++ b/icon/search-plus/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-search-plus: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-search-plus fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-search-plus fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-search-plus fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-search-plus fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-search-plus fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-search-plus fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-search-plus
+      <small>
+        <i class="fa fa-search-plus"></i> &middot;
+        Unicode: <span class="upper">f00e</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-search-plus"></i> fa-search-plus
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-search-plus&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/search/index.html b/icon/search/index.html
new file mode 100644
index 000000000..ef741eb9d
--- /dev/null
+++ b/icon/search/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-search: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-search fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-search fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-search fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-search fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-search fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-search fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-search
+      <small>
+        <i class="fa fa-search"></i> &middot;
+        Unicode: <span class="upper">f002</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-search"></i> fa-search
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-search&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/sellsy/index.html b/icon/sellsy/index.html
new file mode 100644
index 000000000..4f9f80313
--- /dev/null
+++ b/icon/sellsy/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-sellsy: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-sellsy fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-sellsy fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-sellsy fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-sellsy fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-sellsy fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-sellsy fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-sellsy
+      <small>
+        <i class="fa fa-sellsy"></i> &middot;
+        Unicode: <span class="upper">f213</span> &middot;
+        Created: v4.3 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        &middot; <a target="_blank" href="http://sellsy.com">sellsy.com<i class="fa fa-external-link-square margin-left-sm"></i></a>
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-sellsy"></i> fa-sellsy
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-sellsy&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/server/index.html b/icon/server/index.html
new file mode 100644
index 000000000..3b6c00446
--- /dev/null
+++ b/icon/server/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-server: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-server fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-server fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-server fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-server fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-server fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-server fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-server
+      <small>
+        <i class="fa fa-server"></i> &middot;
+        Unicode: <span class="upper">f233</span> &middot;
+        Created: v4.3 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-server"></i> fa-server
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-server&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/share-alt-square/index.html b/icon/share-alt-square/index.html
new file mode 100644
index 000000000..7ada5d698
--- /dev/null
+++ b/icon/share-alt-square/index.html
@@ -0,0 +1,251 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-share-alt-square: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-share-alt-square fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-share-alt-square fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-share-alt-square fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-share-alt-square fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-share-alt-square fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-share-alt-square fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-share-alt-square
+      <small>
+        <i class="fa fa-share-alt-square"></i> &middot;
+        Unicode: <span class="upper">f1e1</span> &middot;
+        Created: v4.1 &middot;
+        Categories:
+        
+          Web Application Icons,
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-share-alt-square"></i> fa-share-alt-square
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-share-alt-square&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/share-alt/index.html b/icon/share-alt/index.html
new file mode 100644
index 000000000..9686f902a
--- /dev/null
+++ b/icon/share-alt/index.html
@@ -0,0 +1,251 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-share-alt: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-share-alt fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-share-alt fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-share-alt fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-share-alt fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-share-alt fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-share-alt fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-share-alt
+      <small>
+        <i class="fa fa-share-alt"></i> &middot;
+        Unicode: <span class="upper">f1e0</span> &middot;
+        Created: v4.1 &middot;
+        Categories:
+        
+          Web Application Icons,
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-share-alt"></i> fa-share-alt
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-share-alt&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/share-square-o/index.html b/icon/share-square-o/index.html
new file mode 100644
index 000000000..a69cf96d9
--- /dev/null
+++ b/icon/share-square-o/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-share-square-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-share-square-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-share-square-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-share-square-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-share-square-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-share-square-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-share-square-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-share-square-o
+      <small>
+        <i class="fa fa-share-square-o"></i> &middot;
+        Unicode: <span class="upper">f045</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-share-square-o"></i> fa-share-square-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-share-square-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/share-square/index.html b/icon/share-square/index.html
new file mode 100644
index 000000000..c297cd3b7
--- /dev/null
+++ b/icon/share-square/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-share-square: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-share-square fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-share-square fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-share-square fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-share-square fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-share-square fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-share-square fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-share-square
+      <small>
+        <i class="fa fa-share-square"></i> &middot;
+        Unicode: <span class="upper">f14d</span> &middot;
+        Created: v3.1 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-share-square"></i> fa-share-square
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-share-square&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/share/index.html b/icon/share/index.html
new file mode 100644
index 000000000..4bee2c69c
--- /dev/null
+++ b/icon/share/index.html
@@ -0,0 +1,254 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-share: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-share fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-share fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-share fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-share fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-share fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-share fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-share
+      <small>
+        <i class="fa fa-share"></i> &middot;
+        Unicode: <span class="upper">f064</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-mail-forward
+          
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-share"></i> fa-share
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-share&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/shield/index.html b/icon/shield/index.html
new file mode 100644
index 000000000..ea65f09c8
--- /dev/null
+++ b/icon/shield/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-shield: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-shield fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-shield fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-shield fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-shield fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-shield fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-shield fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-shield
+      <small>
+        <i class="fa fa-shield"></i> &middot;
+        Unicode: <span class="upper">f132</span> &middot;
+        Created: v3.1 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-shield"></i> fa-shield
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-shield&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/ship/index.html b/icon/ship/index.html
new file mode 100644
index 000000000..539013405
--- /dev/null
+++ b/icon/ship/index.html
@@ -0,0 +1,251 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-ship: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-ship fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-ship fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-ship fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-ship fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-ship fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-ship fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-ship
+      <small>
+        <i class="fa fa-ship"></i> &middot;
+        Unicode: <span class="upper">f21a</span> &middot;
+        Created: v4.3 &middot;
+        Categories:
+        
+          Web Application Icons,
+        
+          Transportation Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-ship"></i> fa-ship
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-ship&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/shirtsinbulk/index.html b/icon/shirtsinbulk/index.html
new file mode 100644
index 000000000..295ac62af
--- /dev/null
+++ b/icon/shirtsinbulk/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-shirtsinbulk: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-shirtsinbulk fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-shirtsinbulk fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-shirtsinbulk fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-shirtsinbulk fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-shirtsinbulk fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-shirtsinbulk fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-shirtsinbulk
+      <small>
+        <i class="fa fa-shirtsinbulk"></i> &middot;
+        Unicode: <span class="upper">f214</span> &middot;
+        Created: v4.3 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        &middot; <a target="_blank" href="http://shirtsinbulk.com">shirtsinbulk.com<i class="fa fa-external-link-square margin-left-sm"></i></a>
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-shirtsinbulk"></i> fa-shirtsinbulk
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-shirtsinbulk&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/shopping-bag/index.html b/icon/shopping-bag/index.html
new file mode 100644
index 000000000..0164b569b
--- /dev/null
+++ b/icon/shopping-bag/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-shopping-bag: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-shopping-bag fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-shopping-bag fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-shopping-bag fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-shopping-bag fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-shopping-bag fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-shopping-bag fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-shopping-bag
+      <small>
+        <i class="fa fa-shopping-bag"></i> &middot;
+        Unicode: <span class="upper">f290</span> &middot;
+        Created: v4.5 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-shopping-bag"></i> fa-shopping-bag
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-shopping-bag&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/shopping-basket/index.html b/icon/shopping-basket/index.html
new file mode 100644
index 000000000..15922f13e
--- /dev/null
+++ b/icon/shopping-basket/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-shopping-basket: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-shopping-basket fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-shopping-basket fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-shopping-basket fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-shopping-basket fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-shopping-basket fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-shopping-basket fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-shopping-basket
+      <small>
+        <i class="fa fa-shopping-basket"></i> &middot;
+        Unicode: <span class="upper">f291</span> &middot;
+        Created: v4.5 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-shopping-basket"></i> fa-shopping-basket
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-shopping-basket&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/shopping-cart/index.html b/icon/shopping-cart/index.html
new file mode 100644
index 000000000..920d53d6b
--- /dev/null
+++ b/icon/shopping-cart/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-shopping-cart: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-shopping-cart fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-shopping-cart fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-shopping-cart fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-shopping-cart fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-shopping-cart fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-shopping-cart fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-shopping-cart
+      <small>
+        <i class="fa fa-shopping-cart"></i> &middot;
+        Unicode: <span class="upper">f07a</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-shopping-cart"></i> fa-shopping-cart
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-shopping-cart&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/sign-in/index.html b/icon/sign-in/index.html
new file mode 100644
index 000000000..36de26360
--- /dev/null
+++ b/icon/sign-in/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-sign-in: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-sign-in fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-sign-in fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-sign-in fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-sign-in fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-sign-in fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-sign-in fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-sign-in
+      <small>
+        <i class="fa fa-sign-in"></i> &middot;
+        Unicode: <span class="upper">f090</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-sign-in"></i> fa-sign-in
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-sign-in&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/sign-out/index.html b/icon/sign-out/index.html
new file mode 100644
index 000000000..0f9bbe63e
--- /dev/null
+++ b/icon/sign-out/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-sign-out: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-sign-out fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-sign-out fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-sign-out fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-sign-out fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-sign-out fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-sign-out fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-sign-out
+      <small>
+        <i class="fa fa-sign-out"></i> &middot;
+        Unicode: <span class="upper">f08b</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-sign-out"></i> fa-sign-out
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-sign-out&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/signal/index.html b/icon/signal/index.html
new file mode 100644
index 000000000..3509e3d4b
--- /dev/null
+++ b/icon/signal/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-signal: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-signal fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-signal fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-signal fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-signal fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-signal fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-signal fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-signal
+      <small>
+        <i class="fa fa-signal"></i> &middot;
+        Unicode: <span class="upper">f012</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-signal"></i> fa-signal
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-signal&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/simplybuilt/index.html b/icon/simplybuilt/index.html
new file mode 100644
index 000000000..0c56ddb8d
--- /dev/null
+++ b/icon/simplybuilt/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-simplybuilt: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-simplybuilt fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-simplybuilt fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-simplybuilt fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-simplybuilt fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-simplybuilt fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-simplybuilt fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-simplybuilt
+      <small>
+        <i class="fa fa-simplybuilt"></i> &middot;
+        Unicode: <span class="upper">f215</span> &middot;
+        Created: v4.3 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        &middot; <a target="_blank" href="http://simplybuilt.com">simplybuilt.com<i class="fa fa-external-link-square margin-left-sm"></i></a>
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-simplybuilt"></i> fa-simplybuilt
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-simplybuilt&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/sitemap/index.html b/icon/sitemap/index.html
new file mode 100644
index 000000000..5c4639105
--- /dev/null
+++ b/icon/sitemap/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-sitemap: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-sitemap fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-sitemap fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-sitemap fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-sitemap fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-sitemap fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-sitemap fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-sitemap
+      <small>
+        <i class="fa fa-sitemap"></i> &middot;
+        Unicode: <span class="upper">f0e8</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-sitemap"></i> fa-sitemap
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-sitemap&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/skyatlas/index.html b/icon/skyatlas/index.html
new file mode 100644
index 000000000..736a18015
--- /dev/null
+++ b/icon/skyatlas/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-skyatlas: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-skyatlas fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-skyatlas fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-skyatlas fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-skyatlas fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-skyatlas fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-skyatlas fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-skyatlas
+      <small>
+        <i class="fa fa-skyatlas"></i> &middot;
+        Unicode: <span class="upper">f216</span> &middot;
+        Created: v4.3 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        &middot; <a target="_blank" href="http://skyatlas.com">skyatlas.com<i class="fa fa-external-link-square margin-left-sm"></i></a>
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-skyatlas"></i> fa-skyatlas
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-skyatlas&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/skype/index.html b/icon/skype/index.html
new file mode 100644
index 000000000..693183ebc
--- /dev/null
+++ b/icon/skype/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-skype: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-skype fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-skype fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-skype fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-skype fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-skype fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-skype fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-skype
+      <small>
+        <i class="fa fa-skype"></i> &middot;
+        Unicode: <span class="upper">f17e</span> &middot;
+        Created: v3.2 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-skype"></i> fa-skype
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-skype&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/slack/index.html b/icon/slack/index.html
new file mode 100644
index 000000000..94b2adec9
--- /dev/null
+++ b/icon/slack/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-slack: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-slack fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-slack fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-slack fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-slack fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-slack fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-slack fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-slack
+      <small>
+        <i class="fa fa-slack"></i> &middot;
+        Unicode: <span class="upper">f198</span> &middot;
+        Created: v4.1 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-slack"></i> fa-slack
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-slack&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/sliders/index.html b/icon/sliders/index.html
new file mode 100644
index 000000000..fd1ddeee6
--- /dev/null
+++ b/icon/sliders/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-sliders: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-sliders fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-sliders fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-sliders fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-sliders fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-sliders fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-sliders fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-sliders
+      <small>
+        <i class="fa fa-sliders"></i> &middot;
+        Unicode: <span class="upper">f1de</span> &middot;
+        Created: v4.1 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-sliders"></i> fa-sliders
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-sliders&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/slideshare/index.html b/icon/slideshare/index.html
new file mode 100644
index 000000000..1cda1fc9d
--- /dev/null
+++ b/icon/slideshare/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-slideshare: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-slideshare fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-slideshare fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-slideshare fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-slideshare fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-slideshare fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-slideshare fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-slideshare
+      <small>
+        <i class="fa fa-slideshare"></i> &middot;
+        Unicode: <span class="upper">f1e7</span> &middot;
+        Created: v4.2 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-slideshare"></i> fa-slideshare
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-slideshare&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/smile-o/index.html b/icon/smile-o/index.html
new file mode 100644
index 000000000..6f6ad075f
--- /dev/null
+++ b/icon/smile-o/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-smile-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-smile-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-smile-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-smile-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-smile-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-smile-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-smile-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-smile-o
+      <small>
+        <i class="fa fa-smile-o"></i> &middot;
+        Unicode: <span class="upper">f118</span> &middot;
+        Created: v3.1 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-smile-o"></i> fa-smile-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-smile-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/sort-alpha-asc/index.html b/icon/sort-alpha-asc/index.html
new file mode 100644
index 000000000..933a12630
--- /dev/null
+++ b/icon/sort-alpha-asc/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-sort-alpha-asc: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-sort-alpha-asc fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-sort-alpha-asc fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-sort-alpha-asc fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-sort-alpha-asc fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-sort-alpha-asc fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-sort-alpha-asc fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-sort-alpha-asc
+      <small>
+        <i class="fa fa-sort-alpha-asc"></i> &middot;
+        Unicode: <span class="upper">f15d</span> &middot;
+        Created: v3.2 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-sort-alpha-asc"></i> fa-sort-alpha-asc
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-sort-alpha-asc&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/sort-alpha-desc/index.html b/icon/sort-alpha-desc/index.html
new file mode 100644
index 000000000..93b424c28
--- /dev/null
+++ b/icon/sort-alpha-desc/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-sort-alpha-desc: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-sort-alpha-desc fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-sort-alpha-desc fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-sort-alpha-desc fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-sort-alpha-desc fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-sort-alpha-desc fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-sort-alpha-desc fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-sort-alpha-desc
+      <small>
+        <i class="fa fa-sort-alpha-desc"></i> &middot;
+        Unicode: <span class="upper">f15e</span> &middot;
+        Created: v3.2 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-sort-alpha-desc"></i> fa-sort-alpha-desc
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-sort-alpha-desc&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/sort-amount-asc/index.html b/icon/sort-amount-asc/index.html
new file mode 100644
index 000000000..aeae13dbc
--- /dev/null
+++ b/icon/sort-amount-asc/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-sort-amount-asc: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-sort-amount-asc fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-sort-amount-asc fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-sort-amount-asc fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-sort-amount-asc fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-sort-amount-asc fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-sort-amount-asc fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-sort-amount-asc
+      <small>
+        <i class="fa fa-sort-amount-asc"></i> &middot;
+        Unicode: <span class="upper">f160</span> &middot;
+        Created: v3.2 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-sort-amount-asc"></i> fa-sort-amount-asc
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-sort-amount-asc&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/sort-amount-desc/index.html b/icon/sort-amount-desc/index.html
new file mode 100644
index 000000000..d8f1bb7fb
--- /dev/null
+++ b/icon/sort-amount-desc/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-sort-amount-desc: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-sort-amount-desc fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-sort-amount-desc fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-sort-amount-desc fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-sort-amount-desc fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-sort-amount-desc fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-sort-amount-desc fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-sort-amount-desc
+      <small>
+        <i class="fa fa-sort-amount-desc"></i> &middot;
+        Unicode: <span class="upper">f161</span> &middot;
+        Created: v3.2 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-sort-amount-desc"></i> fa-sort-amount-desc
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-sort-amount-desc&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/sort-asc/index.html b/icon/sort-asc/index.html
new file mode 100644
index 000000000..d8b829a89
--- /dev/null
+++ b/icon/sort-asc/index.html
@@ -0,0 +1,254 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-sort-asc: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-sort-asc fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-sort-asc fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-sort-asc fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-sort-asc fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-sort-asc fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-sort-asc fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-sort-asc
+      <small>
+        <i class="fa fa-sort-asc"></i> &middot;
+        Unicode: <span class="upper">f0de</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-sort-up
+          
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-sort-asc"></i> fa-sort-asc
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-sort-asc&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/sort-desc/index.html b/icon/sort-desc/index.html
new file mode 100644
index 000000000..29a844cee
--- /dev/null
+++ b/icon/sort-desc/index.html
@@ -0,0 +1,254 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-sort-desc: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-sort-desc fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-sort-desc fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-sort-desc fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-sort-desc fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-sort-desc fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-sort-desc fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-sort-desc
+      <small>
+        <i class="fa fa-sort-desc"></i> &middot;
+        Unicode: <span class="upper">f0dd</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-sort-down
+          
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-sort-desc"></i> fa-sort-desc
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-sort-desc&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/sort-numeric-asc/index.html b/icon/sort-numeric-asc/index.html
new file mode 100644
index 000000000..3d6436b79
--- /dev/null
+++ b/icon/sort-numeric-asc/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-sort-numeric-asc: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-sort-numeric-asc fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-sort-numeric-asc fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-sort-numeric-asc fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-sort-numeric-asc fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-sort-numeric-asc fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-sort-numeric-asc fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-sort-numeric-asc
+      <small>
+        <i class="fa fa-sort-numeric-asc"></i> &middot;
+        Unicode: <span class="upper">f162</span> &middot;
+        Created: v3.2 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-sort-numeric-asc"></i> fa-sort-numeric-asc
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-sort-numeric-asc&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/sort-numeric-desc/index.html b/icon/sort-numeric-desc/index.html
new file mode 100644
index 000000000..bae9f7538
--- /dev/null
+++ b/icon/sort-numeric-desc/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-sort-numeric-desc: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-sort-numeric-desc fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-sort-numeric-desc fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-sort-numeric-desc fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-sort-numeric-desc fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-sort-numeric-desc fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-sort-numeric-desc fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-sort-numeric-desc
+      <small>
+        <i class="fa fa-sort-numeric-desc"></i> &middot;
+        Unicode: <span class="upper">f163</span> &middot;
+        Created: v3.2 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-sort-numeric-desc"></i> fa-sort-numeric-desc
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-sort-numeric-desc&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/sort/index.html b/icon/sort/index.html
new file mode 100644
index 000000000..318473779
--- /dev/null
+++ b/icon/sort/index.html
@@ -0,0 +1,254 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-sort: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-sort fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-sort fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-sort fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-sort fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-sort fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-sort fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-sort
+      <small>
+        <i class="fa fa-sort"></i> &middot;
+        Unicode: <span class="upper">f0dc</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-unsorted
+          
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-sort"></i> fa-sort
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-sort&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/soundcloud/index.html b/icon/soundcloud/index.html
new file mode 100644
index 000000000..cffe0da22
--- /dev/null
+++ b/icon/soundcloud/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-soundcloud: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-soundcloud fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-soundcloud fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-soundcloud fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-soundcloud fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-soundcloud fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-soundcloud fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-soundcloud
+      <small>
+        <i class="fa fa-soundcloud"></i> &middot;
+        Unicode: <span class="upper">f1be</span> &middot;
+        Created: v4.1 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-soundcloud"></i> fa-soundcloud
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-soundcloud&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/space-shuttle/index.html b/icon/space-shuttle/index.html
new file mode 100644
index 000000000..be464ffbc
--- /dev/null
+++ b/icon/space-shuttle/index.html
@@ -0,0 +1,251 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-space-shuttle: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-space-shuttle fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-space-shuttle fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-space-shuttle fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-space-shuttle fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-space-shuttle fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-space-shuttle fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-space-shuttle
+      <small>
+        <i class="fa fa-space-shuttle"></i> &middot;
+        Unicode: <span class="upper">f197</span> &middot;
+        Created: v4.1 &middot;
+        Categories:
+        
+          Web Application Icons,
+        
+          Transportation Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-space-shuttle"></i> fa-space-shuttle
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-space-shuttle&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/spinner/index.html b/icon/spinner/index.html
new file mode 100644
index 000000000..e9c6dd584
--- /dev/null
+++ b/icon/spinner/index.html
@@ -0,0 +1,251 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-spinner: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-spinner fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-spinner fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-spinner fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-spinner fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-spinner fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-spinner fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-spinner
+      <small>
+        <i class="fa fa-spinner"></i> &middot;
+        Unicode: <span class="upper">f110</span> &middot;
+        Created: v3.0 &middot;
+        Categories:
+        
+          Web Application Icons,
+        
+          Spinner Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-spinner"></i> fa-spinner
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-spinner&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/spoon/index.html b/icon/spoon/index.html
new file mode 100644
index 000000000..2923cf290
--- /dev/null
+++ b/icon/spoon/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-spoon: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-spoon fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-spoon fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-spoon fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-spoon fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-spoon fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-spoon fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-spoon
+      <small>
+        <i class="fa fa-spoon"></i> &middot;
+        Unicode: <span class="upper">f1b1</span> &middot;
+        Created: v4.1 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-spoon"></i> fa-spoon
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-spoon&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/spotify/index.html b/icon/spotify/index.html
new file mode 100644
index 000000000..e119d23d2
--- /dev/null
+++ b/icon/spotify/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-spotify: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-spotify fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-spotify fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-spotify fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-spotify fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-spotify fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-spotify fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-spotify
+      <small>
+        <i class="fa fa-spotify"></i> &middot;
+        Unicode: <span class="upper">f1bc</span> &middot;
+        Created: v4.1 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-spotify"></i> fa-spotify
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-spotify&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/square-o/index.html b/icon/square-o/index.html
new file mode 100644
index 000000000..c0b054273
--- /dev/null
+++ b/icon/square-o/index.html
@@ -0,0 +1,251 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-square-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-square-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-square-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-square-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-square-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-square-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-square-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-square-o
+      <small>
+        <i class="fa fa-square-o"></i> &middot;
+        Unicode: <span class="upper">f096</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Web Application Icons,
+        
+          Form Control Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-square-o"></i> fa-square-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-square-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/square/index.html b/icon/square/index.html
new file mode 100644
index 000000000..e19c9b88c
--- /dev/null
+++ b/icon/square/index.html
@@ -0,0 +1,251 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-square: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-square fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-square fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-square fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-square fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-square fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-square fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-square
+      <small>
+        <i class="fa fa-square"></i> &middot;
+        Unicode: <span class="upper">f0c8</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Web Application Icons,
+        
+          Form Control Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-square"></i> fa-square
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-square&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/stack-exchange/index.html b/icon/stack-exchange/index.html
new file mode 100644
index 000000000..5c55b93d4
--- /dev/null
+++ b/icon/stack-exchange/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-stack-exchange: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-stack-exchange fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-stack-exchange fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-stack-exchange fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-stack-exchange fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-stack-exchange fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-stack-exchange fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-stack-exchange
+      <small>
+        <i class="fa fa-stack-exchange"></i> &middot;
+        Unicode: <span class="upper">f18d</span> &middot;
+        Created: v4.0 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-stack-exchange"></i> fa-stack-exchange
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-stack-exchange&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/stack-overflow/index.html b/icon/stack-overflow/index.html
new file mode 100644
index 000000000..bfa5a6a64
--- /dev/null
+++ b/icon/stack-overflow/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-stack-overflow: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-stack-overflow fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-stack-overflow fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-stack-overflow fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-stack-overflow fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-stack-overflow fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-stack-overflow fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-stack-overflow
+      <small>
+        <i class="fa fa-stack-overflow"></i> &middot;
+        Unicode: <span class="upper">f16c</span> &middot;
+        Created: v3.2 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-stack-overflow"></i> fa-stack-overflow
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-stack-overflow&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/star-half-o/index.html b/icon/star-half-o/index.html
new file mode 100644
index 000000000..ce0224975
--- /dev/null
+++ b/icon/star-half-o/index.html
@@ -0,0 +1,256 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-star-half-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-star-half-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-star-half-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-star-half-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-star-half-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-star-half-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-star-half-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-star-half-o
+      <small>
+        <i class="fa fa-star-half-o"></i> &middot;
+        Unicode: <span class="upper">f123</span> &middot;
+        Created: v3.1 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-star-half-empty,
+          
+            fa-star-half-full
+          
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-star-half-o"></i> fa-star-half-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-star-half-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/star-half/index.html b/icon/star-half/index.html
new file mode 100644
index 000000000..a2ae81285
--- /dev/null
+++ b/icon/star-half/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-star-half: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-star-half fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-star-half fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-star-half fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-star-half fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-star-half fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-star-half fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-star-half
+      <small>
+        <i class="fa fa-star-half"></i> &middot;
+        Unicode: <span class="upper">f089</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-star-half"></i> fa-star-half
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-star-half&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/star-o/index.html b/icon/star-o/index.html
new file mode 100644
index 000000000..0152a6e61
--- /dev/null
+++ b/icon/star-o/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-star-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-star-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-star-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-star-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-star-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-star-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-star-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-star-o
+      <small>
+        <i class="fa fa-star-o"></i> &middot;
+        Unicode: <span class="upper">f006</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-star-o"></i> fa-star-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-star-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/star/index.html b/icon/star/index.html
new file mode 100644
index 000000000..9dcc69518
--- /dev/null
+++ b/icon/star/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-star: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-star fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-star fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-star fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-star fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-star fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-star fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-star
+      <small>
+        <i class="fa fa-star"></i> &middot;
+        Unicode: <span class="upper">f005</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-star"></i> fa-star
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-star&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/steam-square/index.html b/icon/steam-square/index.html
new file mode 100644
index 000000000..4843307d2
--- /dev/null
+++ b/icon/steam-square/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-steam-square: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-steam-square fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-steam-square fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-steam-square fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-steam-square fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-steam-square fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-steam-square fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-steam-square
+      <small>
+        <i class="fa fa-steam-square"></i> &middot;
+        Unicode: <span class="upper">f1b7</span> &middot;
+        Created: v4.1 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-steam-square"></i> fa-steam-square
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-steam-square&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/steam/index.html b/icon/steam/index.html
new file mode 100644
index 000000000..aa2e86aee
--- /dev/null
+++ b/icon/steam/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-steam: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-steam fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-steam fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-steam fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-steam fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-steam fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-steam fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-steam
+      <small>
+        <i class="fa fa-steam"></i> &middot;
+        Unicode: <span class="upper">f1b6</span> &middot;
+        Created: v4.1 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-steam"></i> fa-steam
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-steam&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/step-backward/index.html b/icon/step-backward/index.html
new file mode 100644
index 000000000..70ebb12a1
--- /dev/null
+++ b/icon/step-backward/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-step-backward: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-step-backward fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-step-backward fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-step-backward fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-step-backward fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-step-backward fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-step-backward fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-step-backward
+      <small>
+        <i class="fa fa-step-backward"></i> &middot;
+        Unicode: <span class="upper">f048</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Video Player Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-step-backward"></i> fa-step-backward
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-step-backward&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/step-forward/index.html b/icon/step-forward/index.html
new file mode 100644
index 000000000..fcde05f68
--- /dev/null
+++ b/icon/step-forward/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-step-forward: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-step-forward fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-step-forward fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-step-forward fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-step-forward fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-step-forward fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-step-forward fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-step-forward
+      <small>
+        <i class="fa fa-step-forward"></i> &middot;
+        Unicode: <span class="upper">f051</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Video Player Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-step-forward"></i> fa-step-forward
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-step-forward&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/stethoscope/index.html b/icon/stethoscope/index.html
new file mode 100644
index 000000000..3d91a2f68
--- /dev/null
+++ b/icon/stethoscope/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-stethoscope: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-stethoscope fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-stethoscope fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-stethoscope fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-stethoscope fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-stethoscope fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-stethoscope fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-stethoscope
+      <small>
+        <i class="fa fa-stethoscope"></i> &middot;
+        Unicode: <span class="upper">f0f1</span> &middot;
+        Created: v3.0 &middot;
+        Categories:
+        
+          Medical Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-stethoscope"></i> fa-stethoscope
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-stethoscope&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/sticky-note-o/index.html b/icon/sticky-note-o/index.html
new file mode 100644
index 000000000..426997e80
--- /dev/null
+++ b/icon/sticky-note-o/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-sticky-note-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-sticky-note-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-sticky-note-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-sticky-note-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-sticky-note-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-sticky-note-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-sticky-note-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-sticky-note-o
+      <small>
+        <i class="fa fa-sticky-note-o"></i> &middot;
+        Unicode: <span class="upper">f24a</span> &middot;
+        Created: v4.4 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-sticky-note-o"></i> fa-sticky-note-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-sticky-note-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/sticky-note/index.html b/icon/sticky-note/index.html
new file mode 100644
index 000000000..e9c55e10b
--- /dev/null
+++ b/icon/sticky-note/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-sticky-note: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-sticky-note fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-sticky-note fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-sticky-note fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-sticky-note fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-sticky-note fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-sticky-note fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-sticky-note
+      <small>
+        <i class="fa fa-sticky-note"></i> &middot;
+        Unicode: <span class="upper">f249</span> &middot;
+        Created: v4.4 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-sticky-note"></i> fa-sticky-note
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-sticky-note&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/stop-circle-o/index.html b/icon/stop-circle-o/index.html
new file mode 100644
index 000000000..07f4222a0
--- /dev/null
+++ b/icon/stop-circle-o/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-stop-circle-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-stop-circle-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-stop-circle-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-stop-circle-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-stop-circle-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-stop-circle-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-stop-circle-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-stop-circle-o
+      <small>
+        <i class="fa fa-stop-circle-o"></i> &middot;
+        Unicode: <span class="upper">f28e</span> &middot;
+        Created: v4.5 &middot;
+        Categories:
+        
+          Video Player Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-stop-circle-o"></i> fa-stop-circle-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-stop-circle-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/stop-circle/index.html b/icon/stop-circle/index.html
new file mode 100644
index 000000000..d6fa1a8d3
--- /dev/null
+++ b/icon/stop-circle/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-stop-circle: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-stop-circle fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-stop-circle fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-stop-circle fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-stop-circle fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-stop-circle fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-stop-circle fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-stop-circle
+      <small>
+        <i class="fa fa-stop-circle"></i> &middot;
+        Unicode: <span class="upper">f28d</span> &middot;
+        Created: v4.5 &middot;
+        Categories:
+        
+          Video Player Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-stop-circle"></i> fa-stop-circle
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-stop-circle&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/stop/index.html b/icon/stop/index.html
new file mode 100644
index 000000000..a4e067cf2
--- /dev/null
+++ b/icon/stop/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-stop: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-stop fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-stop fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-stop fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-stop fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-stop fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-stop fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-stop
+      <small>
+        <i class="fa fa-stop"></i> &middot;
+        Unicode: <span class="upper">f04d</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Video Player Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-stop"></i> fa-stop
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-stop&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/street-view/index.html b/icon/street-view/index.html
new file mode 100644
index 000000000..c33712106
--- /dev/null
+++ b/icon/street-view/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-street-view: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-street-view fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-street-view fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-street-view fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-street-view fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-street-view fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-street-view fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-street-view
+      <small>
+        <i class="fa fa-street-view"></i> &middot;
+        Unicode: <span class="upper">f21d</span> &middot;
+        Created: v4.3 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-street-view"></i> fa-street-view
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-street-view&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/strikethrough/index.html b/icon/strikethrough/index.html
new file mode 100644
index 000000000..1b725de26
--- /dev/null
+++ b/icon/strikethrough/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-strikethrough: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-strikethrough fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-strikethrough fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-strikethrough fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-strikethrough fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-strikethrough fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-strikethrough fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-strikethrough
+      <small>
+        <i class="fa fa-strikethrough"></i> &middot;
+        Unicode: <span class="upper">f0cc</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Text Editor Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-strikethrough"></i> fa-strikethrough
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-strikethrough&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/stumbleupon-circle/index.html b/icon/stumbleupon-circle/index.html
new file mode 100644
index 000000000..776e62b99
--- /dev/null
+++ b/icon/stumbleupon-circle/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-stumbleupon-circle: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-stumbleupon-circle fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-stumbleupon-circle fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-stumbleupon-circle fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-stumbleupon-circle fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-stumbleupon-circle fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-stumbleupon-circle fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-stumbleupon-circle
+      <small>
+        <i class="fa fa-stumbleupon-circle"></i> &middot;
+        Unicode: <span class="upper">f1a3</span> &middot;
+        Created: v4.1 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-stumbleupon-circle"></i> fa-stumbleupon-circle
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-stumbleupon-circle&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/stumbleupon/index.html b/icon/stumbleupon/index.html
new file mode 100644
index 000000000..f3731ca34
--- /dev/null
+++ b/icon/stumbleupon/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-stumbleupon: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-stumbleupon fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-stumbleupon fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-stumbleupon fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-stumbleupon fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-stumbleupon fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-stumbleupon fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-stumbleupon
+      <small>
+        <i class="fa fa-stumbleupon"></i> &middot;
+        Unicode: <span class="upper">f1a4</span> &middot;
+        Created: v4.1 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-stumbleupon"></i> fa-stumbleupon
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-stumbleupon&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/subscript/index.html b/icon/subscript/index.html
new file mode 100644
index 000000000..489b5d6e8
--- /dev/null
+++ b/icon/subscript/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-subscript: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-subscript fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-subscript fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-subscript fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-subscript fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-subscript fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-subscript fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-subscript
+      <small>
+        <i class="fa fa-subscript"></i> &middot;
+        Unicode: <span class="upper">f12c</span> &middot;
+        Created: v3.1 &middot;
+        Categories:
+        
+          Text Editor Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-subscript"></i> fa-subscript
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-subscript&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/subway/index.html b/icon/subway/index.html
new file mode 100644
index 000000000..7b7867a9c
--- /dev/null
+++ b/icon/subway/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-subway: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-subway fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-subway fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-subway fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-subway fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-subway fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-subway fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-subway
+      <small>
+        <i class="fa fa-subway"></i> &middot;
+        Unicode: <span class="upper">f239</span> &middot;
+        Created: v4.3 &middot;
+        Categories:
+        
+          Transportation Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-subway"></i> fa-subway
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-subway&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/suitcase/index.html b/icon/suitcase/index.html
new file mode 100644
index 000000000..19b2cce68
--- /dev/null
+++ b/icon/suitcase/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-suitcase: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-suitcase fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-suitcase fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-suitcase fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-suitcase fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-suitcase fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-suitcase fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-suitcase
+      <small>
+        <i class="fa fa-suitcase"></i> &middot;
+        Unicode: <span class="upper">f0f2</span> &middot;
+        Created: v3.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-suitcase"></i> fa-suitcase
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-suitcase&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/sun-o/index.html b/icon/sun-o/index.html
new file mode 100644
index 000000000..c4f0fea25
--- /dev/null
+++ b/icon/sun-o/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-sun-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-sun-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-sun-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-sun-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-sun-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-sun-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-sun-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-sun-o
+      <small>
+        <i class="fa fa-sun-o"></i> &middot;
+        Unicode: <span class="upper">f185</span> &middot;
+        Created: v3.2 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-sun-o"></i> fa-sun-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-sun-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/superscript/index.html b/icon/superscript/index.html
new file mode 100644
index 000000000..d72931c9c
--- /dev/null
+++ b/icon/superscript/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-superscript: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-superscript fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-superscript fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-superscript fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-superscript fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-superscript fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-superscript fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-superscript
+      <small>
+        <i class="fa fa-superscript"></i> &middot;
+        Unicode: <span class="upper">f12b</span> &middot;
+        Created: v3.1 &middot;
+        Categories:
+        
+          Text Editor Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-superscript"></i> fa-superscript
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-superscript&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/table/index.html b/icon/table/index.html
new file mode 100644
index 000000000..d5c173d87
--- /dev/null
+++ b/icon/table/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-table: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-table fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-table fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-table fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-table fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-table fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-table fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-table
+      <small>
+        <i class="fa fa-table"></i> &middot;
+        Unicode: <span class="upper">f0ce</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Text Editor Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-table"></i> fa-table
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-table&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/tablet/index.html b/icon/tablet/index.html
new file mode 100644
index 000000000..414598489
--- /dev/null
+++ b/icon/tablet/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-tablet: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-tablet fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-tablet fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-tablet fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-tablet fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-tablet fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-tablet fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-tablet
+      <small>
+        <i class="fa fa-tablet"></i> &middot;
+        Unicode: <span class="upper">f10a</span> &middot;
+        Created: v3.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-tablet"></i> fa-tablet
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-tablet&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/tachometer/index.html b/icon/tachometer/index.html
new file mode 100644
index 000000000..f5f967bc5
--- /dev/null
+++ b/icon/tachometer/index.html
@@ -0,0 +1,254 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-tachometer: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-tachometer fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-tachometer fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-tachometer fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-tachometer fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-tachometer fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-tachometer fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-tachometer
+      <small>
+        <i class="fa fa-tachometer"></i> &middot;
+        Unicode: <span class="upper">f0e4</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-dashboard
+          
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-tachometer"></i> fa-tachometer
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-tachometer&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/tag/index.html b/icon/tag/index.html
new file mode 100644
index 000000000..af90e9f59
--- /dev/null
+++ b/icon/tag/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-tag: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-tag fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-tag fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-tag fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-tag fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-tag fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-tag fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-tag
+      <small>
+        <i class="fa fa-tag"></i> &middot;
+        Unicode: <span class="upper">f02b</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-tag"></i> fa-tag
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-tag&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/tags/index.html b/icon/tags/index.html
new file mode 100644
index 000000000..771986474
--- /dev/null
+++ b/icon/tags/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-tags: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-tags fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-tags fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-tags fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-tags fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-tags fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-tags fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-tags
+      <small>
+        <i class="fa fa-tags"></i> &middot;
+        Unicode: <span class="upper">f02c</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-tags"></i> fa-tags
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-tags&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/tasks/index.html b/icon/tasks/index.html
new file mode 100644
index 000000000..fd5c36b07
--- /dev/null
+++ b/icon/tasks/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-tasks: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-tasks fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-tasks fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-tasks fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-tasks fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-tasks fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-tasks fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-tasks
+      <small>
+        <i class="fa fa-tasks"></i> &middot;
+        Unicode: <span class="upper">f0ae</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-tasks"></i> fa-tasks
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-tasks&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/taxi/index.html b/icon/taxi/index.html
new file mode 100644
index 000000000..6ae13af7e
--- /dev/null
+++ b/icon/taxi/index.html
@@ -0,0 +1,256 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-taxi: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-taxi fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-taxi fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-taxi fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-taxi fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-taxi fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-taxi fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-taxi
+      <small>
+        <i class="fa fa-taxi"></i> &middot;
+        Unicode: <span class="upper">f1ba</span> &middot;
+        Created: v4.1 &middot;
+        Categories:
+        
+          Web Application Icons,
+        
+          Transportation Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-cab
+          
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-taxi"></i> fa-taxi
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-taxi&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/television/index.html b/icon/television/index.html
new file mode 100644
index 000000000..c64e9c79a
--- /dev/null
+++ b/icon/television/index.html
@@ -0,0 +1,254 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-television: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-television fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-television fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-television fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-television fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-television fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-television fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-television
+      <small>
+        <i class="fa fa-television"></i> &middot;
+        Unicode: <span class="upper">f26c</span> &middot;
+        Created: v4.4 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-tv
+          
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-television"></i> fa-television
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-television&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/tencent-weibo/index.html b/icon/tencent-weibo/index.html
new file mode 100644
index 000000000..c8d0d6998
--- /dev/null
+++ b/icon/tencent-weibo/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-tencent-weibo: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-tencent-weibo fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-tencent-weibo fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-tencent-weibo fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-tencent-weibo fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-tencent-weibo fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-tencent-weibo fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-tencent-weibo
+      <small>
+        <i class="fa fa-tencent-weibo"></i> &middot;
+        Unicode: <span class="upper">f1d5</span> &middot;
+        Created: v4.1 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-tencent-weibo"></i> fa-tencent-weibo
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-tencent-weibo&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/terminal/index.html b/icon/terminal/index.html
new file mode 100644
index 000000000..63d1ceb62
--- /dev/null
+++ b/icon/terminal/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-terminal: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-terminal fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-terminal fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-terminal fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-terminal fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-terminal fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-terminal fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-terminal
+      <small>
+        <i class="fa fa-terminal"></i> &middot;
+        Unicode: <span class="upper">f120</span> &middot;
+        Created: v3.1 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-terminal"></i> fa-terminal
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-terminal&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/text-height/index.html b/icon/text-height/index.html
new file mode 100644
index 000000000..f2c8b546b
--- /dev/null
+++ b/icon/text-height/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-text-height: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-text-height fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-text-height fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-text-height fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-text-height fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-text-height fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-text-height fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-text-height
+      <small>
+        <i class="fa fa-text-height"></i> &middot;
+        Unicode: <span class="upper">f034</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Text Editor Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-text-height"></i> fa-text-height
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-text-height&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/text-width/index.html b/icon/text-width/index.html
new file mode 100644
index 000000000..fb7fd9fa5
--- /dev/null
+++ b/icon/text-width/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-text-width: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-text-width fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-text-width fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-text-width fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-text-width fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-text-width fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-text-width fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-text-width
+      <small>
+        <i class="fa fa-text-width"></i> &middot;
+        Unicode: <span class="upper">f035</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Text Editor Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-text-width"></i> fa-text-width
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-text-width&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/th-large/index.html b/icon/th-large/index.html
new file mode 100644
index 000000000..181d0797c
--- /dev/null
+++ b/icon/th-large/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-th-large: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-th-large fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-th-large fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-th-large fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-th-large fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-th-large fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-th-large fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-th-large
+      <small>
+        <i class="fa fa-th-large"></i> &middot;
+        Unicode: <span class="upper">f009</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Text Editor Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-th-large"></i> fa-th-large
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-th-large&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/th-list/index.html b/icon/th-list/index.html
new file mode 100644
index 000000000..0bddf7901
--- /dev/null
+++ b/icon/th-list/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-th-list: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-th-list fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-th-list fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-th-list fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-th-list fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-th-list fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-th-list fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-th-list
+      <small>
+        <i class="fa fa-th-list"></i> &middot;
+        Unicode: <span class="upper">f00b</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Text Editor Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-th-list"></i> fa-th-list
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-th-list&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/th/index.html b/icon/th/index.html
new file mode 100644
index 000000000..5731a2823
--- /dev/null
+++ b/icon/th/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-th: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-th fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-th fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-th fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-th fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-th fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-th fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-th
+      <small>
+        <i class="fa fa-th"></i> &middot;
+        Unicode: <span class="upper">f00a</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Text Editor Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-th"></i> fa-th
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-th&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/thumb-tack/index.html b/icon/thumb-tack/index.html
new file mode 100644
index 000000000..40649fb03
--- /dev/null
+++ b/icon/thumb-tack/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-thumb-tack: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-thumb-tack fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-thumb-tack fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-thumb-tack fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-thumb-tack fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-thumb-tack fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-thumb-tack fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-thumb-tack
+      <small>
+        <i class="fa fa-thumb-tack"></i> &middot;
+        Unicode: <span class="upper">f08d</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-thumb-tack"></i> fa-thumb-tack
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-thumb-tack&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/thumbs-down/index.html b/icon/thumbs-down/index.html
new file mode 100644
index 000000000..d47492101
--- /dev/null
+++ b/icon/thumbs-down/index.html
@@ -0,0 +1,251 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-thumbs-down: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-thumbs-down fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-thumbs-down fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-thumbs-down fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-thumbs-down fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-thumbs-down fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-thumbs-down fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-thumbs-down
+      <small>
+        <i class="fa fa-thumbs-down"></i> &middot;
+        Unicode: <span class="upper">f165</span> &middot;
+        Created: v3.2 &middot;
+        Categories:
+        
+          Web Application Icons,
+        
+          Hand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-thumbs-down"></i> fa-thumbs-down
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-thumbs-down&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/thumbs-o-down/index.html b/icon/thumbs-o-down/index.html
new file mode 100644
index 000000000..b1be13fbc
--- /dev/null
+++ b/icon/thumbs-o-down/index.html
@@ -0,0 +1,251 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-thumbs-o-down: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-thumbs-o-down fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-thumbs-o-down fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-thumbs-o-down fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-thumbs-o-down fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-thumbs-o-down fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-thumbs-o-down fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-thumbs-o-down
+      <small>
+        <i class="fa fa-thumbs-o-down"></i> &middot;
+        Unicode: <span class="upper">f088</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons,
+        
+          Hand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-thumbs-o-down"></i> fa-thumbs-o-down
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-thumbs-o-down&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/thumbs-o-up/index.html b/icon/thumbs-o-up/index.html
new file mode 100644
index 000000000..3dcbfc9dc
--- /dev/null
+++ b/icon/thumbs-o-up/index.html
@@ -0,0 +1,251 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-thumbs-o-up: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-thumbs-o-up fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-thumbs-o-up fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-thumbs-o-up fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-thumbs-o-up fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-thumbs-o-up fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-thumbs-o-up fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-thumbs-o-up
+      <small>
+        <i class="fa fa-thumbs-o-up"></i> &middot;
+        Unicode: <span class="upper">f087</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons,
+        
+          Hand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-thumbs-o-up"></i> fa-thumbs-o-up
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-thumbs-o-up&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/thumbs-up/index.html b/icon/thumbs-up/index.html
new file mode 100644
index 000000000..46b4369b1
--- /dev/null
+++ b/icon/thumbs-up/index.html
@@ -0,0 +1,251 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-thumbs-up: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-thumbs-up fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-thumbs-up fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-thumbs-up fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-thumbs-up fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-thumbs-up fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-thumbs-up fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-thumbs-up
+      <small>
+        <i class="fa fa-thumbs-up"></i> &middot;
+        Unicode: <span class="upper">f164</span> &middot;
+        Created: v3.2 &middot;
+        Categories:
+        
+          Web Application Icons,
+        
+          Hand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-thumbs-up"></i> fa-thumbs-up
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-thumbs-up&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/ticket/index.html b/icon/ticket/index.html
new file mode 100644
index 000000000..7a11c7a21
--- /dev/null
+++ b/icon/ticket/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-ticket: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-ticket fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-ticket fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-ticket fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-ticket fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-ticket fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-ticket fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-ticket
+      <small>
+        <i class="fa fa-ticket"></i> &middot;
+        Unicode: <span class="upper">f145</span> &middot;
+        Created: v3.1 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-ticket"></i> fa-ticket
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-ticket&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/times-circle-o/index.html b/icon/times-circle-o/index.html
new file mode 100644
index 000000000..763cfad80
--- /dev/null
+++ b/icon/times-circle-o/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-times-circle-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-times-circle-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-times-circle-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-times-circle-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-times-circle-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-times-circle-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-times-circle-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-times-circle-o
+      <small>
+        <i class="fa fa-times-circle-o"></i> &middot;
+        Unicode: <span class="upper">f05c</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-times-circle-o"></i> fa-times-circle-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-times-circle-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/times-circle/index.html b/icon/times-circle/index.html
new file mode 100644
index 000000000..8bf0e1c0f
--- /dev/null
+++ b/icon/times-circle/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-times-circle: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-times-circle fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-times-circle fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-times-circle fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-times-circle fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-times-circle fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-times-circle fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-times-circle
+      <small>
+        <i class="fa fa-times-circle"></i> &middot;
+        Unicode: <span class="upper">f057</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-times-circle"></i> fa-times-circle
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-times-circle&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/times/index.html b/icon/times/index.html
new file mode 100644
index 000000000..22740ef7a
--- /dev/null
+++ b/icon/times/index.html
@@ -0,0 +1,256 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-times: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-times fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-times fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-times fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-times fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-times fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-times fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-times
+      <small>
+        <i class="fa fa-times"></i> &middot;
+        Unicode: <span class="upper">f00d</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-remove,
+          
+            fa-close
+          
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-times"></i> fa-times
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-times&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/tint/index.html b/icon/tint/index.html
new file mode 100644
index 000000000..7d1fd1567
--- /dev/null
+++ b/icon/tint/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-tint: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-tint fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-tint fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-tint fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-tint fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-tint fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-tint fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-tint
+      <small>
+        <i class="fa fa-tint"></i> &middot;
+        Unicode: <span class="upper">f043</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-tint"></i> fa-tint
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-tint&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/toggle-off/index.html b/icon/toggle-off/index.html
new file mode 100644
index 000000000..ab025fb22
--- /dev/null
+++ b/icon/toggle-off/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-toggle-off: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-toggle-off fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-toggle-off fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-toggle-off fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-toggle-off fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-toggle-off fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-toggle-off fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-toggle-off
+      <small>
+        <i class="fa fa-toggle-off"></i> &middot;
+        Unicode: <span class="upper">f204</span> &middot;
+        Created: v4.2 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-toggle-off"></i> fa-toggle-off
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-toggle-off&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/toggle-on/index.html b/icon/toggle-on/index.html
new file mode 100644
index 000000000..eef98b440
--- /dev/null
+++ b/icon/toggle-on/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-toggle-on: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-toggle-on fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-toggle-on fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-toggle-on fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-toggle-on fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-toggle-on fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-toggle-on fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-toggle-on
+      <small>
+        <i class="fa fa-toggle-on"></i> &middot;
+        Unicode: <span class="upper">f205</span> &middot;
+        Created: v4.2 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-toggle-on"></i> fa-toggle-on
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-toggle-on&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/trademark/index.html b/icon/trademark/index.html
new file mode 100644
index 000000000..1d7c08dfa
--- /dev/null
+++ b/icon/trademark/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-trademark: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-trademark fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-trademark fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-trademark fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-trademark fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-trademark fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-trademark fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-trademark
+      <small>
+        <i class="fa fa-trademark"></i> &middot;
+        Unicode: <span class="upper">f25c</span> &middot;
+        Created: v4.4 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-trademark"></i> fa-trademark
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-trademark&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/train/index.html b/icon/train/index.html
new file mode 100644
index 000000000..bcffd4754
--- /dev/null
+++ b/icon/train/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-train: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-train fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-train fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-train fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-train fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-train fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-train fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-train
+      <small>
+        <i class="fa fa-train"></i> &middot;
+        Unicode: <span class="upper">f238</span> &middot;
+        Created: v4.3 &middot;
+        Categories:
+        
+          Transportation Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-train"></i> fa-train
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-train&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/transgender-alt/index.html b/icon/transgender-alt/index.html
new file mode 100644
index 000000000..4eb50e93c
--- /dev/null
+++ b/icon/transgender-alt/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-transgender-alt: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-transgender-alt fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-transgender-alt fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-transgender-alt fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-transgender-alt fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-transgender-alt fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-transgender-alt fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-transgender-alt
+      <small>
+        <i class="fa fa-transgender-alt"></i> &middot;
+        Unicode: <span class="upper">f225</span> &middot;
+        Created: v4.3 &middot;
+        Categories:
+        
+          Gender Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-transgender-alt"></i> fa-transgender-alt
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-transgender-alt&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/transgender/index.html b/icon/transgender/index.html
new file mode 100644
index 000000000..0daa010ef
--- /dev/null
+++ b/icon/transgender/index.html
@@ -0,0 +1,254 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-transgender: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-transgender fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-transgender fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-transgender fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-transgender fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-transgender fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-transgender fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-transgender
+      <small>
+        <i class="fa fa-transgender"></i> &middot;
+        Unicode: <span class="upper">f224</span> &middot;
+        Created: v4.3 &middot;
+        Categories:
+        
+          Gender Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-intersex
+          
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-transgender"></i> fa-transgender
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-transgender&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/trash-o/index.html b/icon/trash-o/index.html
new file mode 100644
index 000000000..4ca5173a4
--- /dev/null
+++ b/icon/trash-o/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-trash-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-trash-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-trash-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-trash-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-trash-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-trash-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-trash-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-trash-o
+      <small>
+        <i class="fa fa-trash-o"></i> &middot;
+        Unicode: <span class="upper">f014</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-trash-o"></i> fa-trash-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-trash-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/trash/index.html b/icon/trash/index.html
new file mode 100644
index 000000000..93aee72dd
--- /dev/null
+++ b/icon/trash/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-trash: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-trash fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-trash fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-trash fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-trash fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-trash fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-trash fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-trash
+      <small>
+        <i class="fa fa-trash"></i> &middot;
+        Unicode: <span class="upper">f1f8</span> &middot;
+        Created: v4.2 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-trash"></i> fa-trash
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-trash&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/tree/index.html b/icon/tree/index.html
new file mode 100644
index 000000000..857653cdc
--- /dev/null
+++ b/icon/tree/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-tree: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-tree fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-tree fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-tree fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-tree fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-tree fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-tree fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-tree
+      <small>
+        <i class="fa fa-tree"></i> &middot;
+        Unicode: <span class="upper">f1bb</span> &middot;
+        Created: v4.1 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-tree"></i> fa-tree
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-tree&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/trello/index.html b/icon/trello/index.html
new file mode 100644
index 000000000..f7befc557
--- /dev/null
+++ b/icon/trello/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-trello: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-trello fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-trello fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-trello fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-trello fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-trello fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-trello fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-trello
+      <small>
+        <i class="fa fa-trello"></i> &middot;
+        Unicode: <span class="upper">f181</span> &middot;
+        Created: v3.2 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-trello"></i> fa-trello
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-trello&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/tripadvisor/index.html b/icon/tripadvisor/index.html
new file mode 100644
index 000000000..80d75ee4d
--- /dev/null
+++ b/icon/tripadvisor/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-tripadvisor: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-tripadvisor fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-tripadvisor fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-tripadvisor fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-tripadvisor fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-tripadvisor fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-tripadvisor fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-tripadvisor
+      <small>
+        <i class="fa fa-tripadvisor"></i> &middot;
+        Unicode: <span class="upper">f262</span> &middot;
+        Created: v4.4 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-tripadvisor"></i> fa-tripadvisor
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-tripadvisor&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/trophy/index.html b/icon/trophy/index.html
new file mode 100644
index 000000000..792823dae
--- /dev/null
+++ b/icon/trophy/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-trophy: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-trophy fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-trophy fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-trophy fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-trophy fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-trophy fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-trophy fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-trophy
+      <small>
+        <i class="fa fa-trophy"></i> &middot;
+        Unicode: <span class="upper">f091</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-trophy"></i> fa-trophy
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-trophy&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/truck/index.html b/icon/truck/index.html
new file mode 100644
index 000000000..7b4fbe36c
--- /dev/null
+++ b/icon/truck/index.html
@@ -0,0 +1,251 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-truck: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-truck fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-truck fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-truck fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-truck fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-truck fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-truck fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-truck
+      <small>
+        <i class="fa fa-truck"></i> &middot;
+        Unicode: <span class="upper">f0d1</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Web Application Icons,
+        
+          Transportation Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-truck"></i> fa-truck
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-truck&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/try/index.html b/icon/try/index.html
new file mode 100644
index 000000000..fed8aee19
--- /dev/null
+++ b/icon/try/index.html
@@ -0,0 +1,254 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-try: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-try fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-try fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-try fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-try fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-try fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-try fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-try
+      <small>
+        <i class="fa fa-try"></i> &middot;
+        Unicode: <span class="upper">f195</span> &middot;
+        Created: v4.0 &middot;
+        Categories:
+        
+          Currency Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-turkish-lira
+          
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-try"></i> fa-try
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-try&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/tty/index.html b/icon/tty/index.html
new file mode 100644
index 000000000..1aeb58ee6
--- /dev/null
+++ b/icon/tty/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-tty: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-tty fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-tty fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-tty fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-tty fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-tty fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-tty fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-tty
+      <small>
+        <i class="fa fa-tty"></i> &middot;
+        Unicode: <span class="upper">f1e4</span> &middot;
+        Created: v4.2 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-tty"></i> fa-tty
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-tty&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/tumblr-square/index.html b/icon/tumblr-square/index.html
new file mode 100644
index 000000000..03e6e9ea7
--- /dev/null
+++ b/icon/tumblr-square/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-tumblr-square: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-tumblr-square fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-tumblr-square fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-tumblr-square fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-tumblr-square fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-tumblr-square fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-tumblr-square fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-tumblr-square
+      <small>
+        <i class="fa fa-tumblr-square"></i> &middot;
+        Unicode: <span class="upper">f174</span> &middot;
+        Created: v3.2 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-tumblr-square"></i> fa-tumblr-square
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-tumblr-square&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/tumblr/index.html b/icon/tumblr/index.html
new file mode 100644
index 000000000..2e72a9828
--- /dev/null
+++ b/icon/tumblr/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-tumblr: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-tumblr fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-tumblr fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-tumblr fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-tumblr fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-tumblr fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-tumblr fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-tumblr
+      <small>
+        <i class="fa fa-tumblr"></i> &middot;
+        Unicode: <span class="upper">f173</span> &middot;
+        Created: v3.2 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-tumblr"></i> fa-tumblr
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-tumblr&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/twitch/index.html b/icon/twitch/index.html
new file mode 100644
index 000000000..6b05690b3
--- /dev/null
+++ b/icon/twitch/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-twitch: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-twitch fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-twitch fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-twitch fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-twitch fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-twitch fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-twitch fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-twitch
+      <small>
+        <i class="fa fa-twitch"></i> &middot;
+        Unicode: <span class="upper">f1e8</span> &middot;
+        Created: v4.2 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-twitch"></i> fa-twitch
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-twitch&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/twitter-square/index.html b/icon/twitter-square/index.html
new file mode 100644
index 000000000..00d9a04d7
--- /dev/null
+++ b/icon/twitter-square/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-twitter-square: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-twitter-square fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-twitter-square fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-twitter-square fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-twitter-square fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-twitter-square fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-twitter-square fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-twitter-square
+      <small>
+        <i class="fa fa-twitter-square"></i> &middot;
+        Unicode: <span class="upper">f081</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-twitter-square"></i> fa-twitter-square
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-twitter-square&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/twitter/index.html b/icon/twitter/index.html
new file mode 100644
index 000000000..452f5e7c0
--- /dev/null
+++ b/icon/twitter/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-twitter: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-twitter fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-twitter fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-twitter fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-twitter fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-twitter fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-twitter fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-twitter
+      <small>
+        <i class="fa fa-twitter"></i> &middot;
+        Unicode: <span class="upper">f099</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-twitter"></i> fa-twitter
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-twitter&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/umbrella/index.html b/icon/umbrella/index.html
new file mode 100644
index 000000000..d21e32c07
--- /dev/null
+++ b/icon/umbrella/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-umbrella: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-umbrella fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-umbrella fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-umbrella fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-umbrella fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-umbrella fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-umbrella fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-umbrella
+      <small>
+        <i class="fa fa-umbrella"></i> &middot;
+        Unicode: <span class="upper">f0e9</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-umbrella"></i> fa-umbrella
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-umbrella&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/underline/index.html b/icon/underline/index.html
new file mode 100644
index 000000000..7c90b8f30
--- /dev/null
+++ b/icon/underline/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-underline: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-underline fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-underline fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-underline fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-underline fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-underline fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-underline fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-underline
+      <small>
+        <i class="fa fa-underline"></i> &middot;
+        Unicode: <span class="upper">f0cd</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Text Editor Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-underline"></i> fa-underline
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-underline&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/undo/index.html b/icon/undo/index.html
new file mode 100644
index 000000000..c98e501c8
--- /dev/null
+++ b/icon/undo/index.html
@@ -0,0 +1,254 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-undo: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-undo fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-undo fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-undo fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-undo fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-undo fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-undo fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-undo
+      <small>
+        <i class="fa fa-undo"></i> &middot;
+        Unicode: <span class="upper">f0e2</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Text Editor Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-rotate-left
+          
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-undo"></i> fa-undo
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-undo&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/university/index.html b/icon/university/index.html
new file mode 100644
index 000000000..2c8213ca0
--- /dev/null
+++ b/icon/university/index.html
@@ -0,0 +1,256 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-university: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-university fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-university fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-university fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-university fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-university fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-university fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-university
+      <small>
+        <i class="fa fa-university"></i> &middot;
+        Unicode: <span class="upper">f19c</span> &middot;
+        Created: v4.1 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-institution,
+          
+            fa-bank
+          
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-university"></i> fa-university
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-university&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/unlock-alt/index.html b/icon/unlock-alt/index.html
new file mode 100644
index 000000000..095094101
--- /dev/null
+++ b/icon/unlock-alt/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-unlock-alt: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-unlock-alt fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-unlock-alt fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-unlock-alt fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-unlock-alt fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-unlock-alt fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-unlock-alt fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-unlock-alt
+      <small>
+        <i class="fa fa-unlock-alt"></i> &middot;
+        Unicode: <span class="upper">f13e</span> &middot;
+        Created: v3.1 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-unlock-alt"></i> fa-unlock-alt
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-unlock-alt&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/unlock/index.html b/icon/unlock/index.html
new file mode 100644
index 000000000..aad1b21ef
--- /dev/null
+++ b/icon/unlock/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-unlock: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-unlock fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-unlock fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-unlock fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-unlock fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-unlock fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-unlock fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-unlock
+      <small>
+        <i class="fa fa-unlock"></i> &middot;
+        Unicode: <span class="upper">f09c</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-unlock"></i> fa-unlock
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-unlock&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/upload/index.html b/icon/upload/index.html
new file mode 100644
index 000000000..6f74f645e
--- /dev/null
+++ b/icon/upload/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-upload: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-upload fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-upload fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-upload fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-upload fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-upload fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-upload fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-upload
+      <small>
+        <i class="fa fa-upload"></i> &middot;
+        Unicode: <span class="upper">f093</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-upload"></i> fa-upload
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-upload&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/usb/index.html b/icon/usb/index.html
new file mode 100644
index 000000000..203937496
--- /dev/null
+++ b/icon/usb/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-usb: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-usb fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-usb fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-usb fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-usb fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-usb fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-usb fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-usb
+      <small>
+        <i class="fa fa-usb"></i> &middot;
+        Unicode: <span class="upper">f287</span> &middot;
+        Created: v4.5 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-usb"></i> fa-usb
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-usb&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/usd/index.html b/icon/usd/index.html
new file mode 100644
index 000000000..f2a11a3c6
--- /dev/null
+++ b/icon/usd/index.html
@@ -0,0 +1,254 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-usd: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-usd fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-usd fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-usd fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-usd fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-usd fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-usd fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-usd
+      <small>
+        <i class="fa fa-usd"></i> &middot;
+        Unicode: <span class="upper">f155</span> &middot;
+        Created: v3.2 &middot;
+        Categories:
+        
+          Currency Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-dollar
+          
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-usd"></i> fa-usd
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-usd&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/user-md/index.html b/icon/user-md/index.html
new file mode 100644
index 000000000..ff1b1957c
--- /dev/null
+++ b/icon/user-md/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-user-md: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-user-md fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-user-md fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-user-md fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-user-md fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-user-md fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-user-md fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-user-md
+      <small>
+        <i class="fa fa-user-md"></i> &middot;
+        Unicode: <span class="upper">f0f0</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Medical Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-user-md"></i> fa-user-md
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-user-md&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/user-plus/index.html b/icon/user-plus/index.html
new file mode 100644
index 000000000..8fc4c3da0
--- /dev/null
+++ b/icon/user-plus/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-user-plus: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-user-plus fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-user-plus fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-user-plus fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-user-plus fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-user-plus fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-user-plus fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-user-plus
+      <small>
+        <i class="fa fa-user-plus"></i> &middot;
+        Unicode: <span class="upper">f234</span> &middot;
+        Created: v4.3 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-user-plus"></i> fa-user-plus
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-user-plus&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/user-secret/index.html b/icon/user-secret/index.html
new file mode 100644
index 000000000..2ad2d47e5
--- /dev/null
+++ b/icon/user-secret/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-user-secret: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-user-secret fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-user-secret fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-user-secret fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-user-secret fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-user-secret fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-user-secret fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-user-secret
+      <small>
+        <i class="fa fa-user-secret"></i> &middot;
+        Unicode: <span class="upper">f21b</span> &middot;
+        Created: v4.3 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-user-secret"></i> fa-user-secret
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-user-secret&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/user-times/index.html b/icon/user-times/index.html
new file mode 100644
index 000000000..83fb31df5
--- /dev/null
+++ b/icon/user-times/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-user-times: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-user-times fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-user-times fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-user-times fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-user-times fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-user-times fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-user-times fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-user-times
+      <small>
+        <i class="fa fa-user-times"></i> &middot;
+        Unicode: <span class="upper">f235</span> &middot;
+        Created: v4.3 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-user-times"></i> fa-user-times
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-user-times&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/user/index.html b/icon/user/index.html
new file mode 100644
index 000000000..60bcc944a
--- /dev/null
+++ b/icon/user/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-user: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-user fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-user fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-user fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-user fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-user fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-user fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-user
+      <small>
+        <i class="fa fa-user"></i> &middot;
+        Unicode: <span class="upper">f007</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-user"></i> fa-user
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-user&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/users/index.html b/icon/users/index.html
new file mode 100644
index 000000000..b2dc3cf5e
--- /dev/null
+++ b/icon/users/index.html
@@ -0,0 +1,254 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-users: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-users fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-users fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-users fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-users fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-users fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-users fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-users
+      <small>
+        <i class="fa fa-users"></i> &middot;
+        Unicode: <span class="upper">f0c0</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-group
+          
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-users"></i> fa-users
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-users&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/venus-double/index.html b/icon/venus-double/index.html
new file mode 100644
index 000000000..42ad957fb
--- /dev/null
+++ b/icon/venus-double/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-venus-double: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-venus-double fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-venus-double fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-venus-double fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-venus-double fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-venus-double fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-venus-double fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-venus-double
+      <small>
+        <i class="fa fa-venus-double"></i> &middot;
+        Unicode: <span class="upper">f226</span> &middot;
+        Created: v4.3 &middot;
+        Categories:
+        
+          Gender Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-venus-double"></i> fa-venus-double
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-venus-double&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/venus-mars/index.html b/icon/venus-mars/index.html
new file mode 100644
index 000000000..39a7437c3
--- /dev/null
+++ b/icon/venus-mars/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-venus-mars: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-venus-mars fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-venus-mars fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-venus-mars fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-venus-mars fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-venus-mars fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-venus-mars fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-venus-mars
+      <small>
+        <i class="fa fa-venus-mars"></i> &middot;
+        Unicode: <span class="upper">f228</span> &middot;
+        Created: v4.3 &middot;
+        Categories:
+        
+          Gender Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-venus-mars"></i> fa-venus-mars
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-venus-mars&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/venus/index.html b/icon/venus/index.html
new file mode 100644
index 000000000..418d31e28
--- /dev/null
+++ b/icon/venus/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-venus: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-venus fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-venus fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-venus fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-venus fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-venus fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-venus fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-venus
+      <small>
+        <i class="fa fa-venus"></i> &middot;
+        Unicode: <span class="upper">f221</span> &middot;
+        Created: v4.3 &middot;
+        Categories:
+        
+          Gender Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-venus"></i> fa-venus
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-venus&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/viacoin/index.html b/icon/viacoin/index.html
new file mode 100644
index 000000000..14f815083
--- /dev/null
+++ b/icon/viacoin/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-viacoin: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-viacoin fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-viacoin fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-viacoin fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-viacoin fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-viacoin fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-viacoin fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-viacoin
+      <small>
+        <i class="fa fa-viacoin"></i> &middot;
+        Unicode: <span class="upper">f237</span> &middot;
+        Created: v4.3 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        &middot; <a target="_blank" href="http://viacoin.org">viacoin.org<i class="fa fa-external-link-square margin-left-sm"></i></a>
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-viacoin"></i> fa-viacoin
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-viacoin&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/video-camera/index.html b/icon/video-camera/index.html
new file mode 100644
index 000000000..3e4272b84
--- /dev/null
+++ b/icon/video-camera/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-video-camera: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-video-camera fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-video-camera fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-video-camera fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-video-camera fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-video-camera fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-video-camera fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-video-camera
+      <small>
+        <i class="fa fa-video-camera"></i> &middot;
+        Unicode: <span class="upper">f03d</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-video-camera"></i> fa-video-camera
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-video-camera&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/vimeo-square/index.html b/icon/vimeo-square/index.html
new file mode 100644
index 000000000..f28ca72fe
--- /dev/null
+++ b/icon/vimeo-square/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-vimeo-square: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-vimeo-square fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-vimeo-square fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-vimeo-square fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-vimeo-square fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-vimeo-square fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-vimeo-square fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-vimeo-square
+      <small>
+        <i class="fa fa-vimeo-square"></i> &middot;
+        Unicode: <span class="upper">f194</span> &middot;
+        Created: v4.0 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-vimeo-square"></i> fa-vimeo-square
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-vimeo-square&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/vimeo/index.html b/icon/vimeo/index.html
new file mode 100644
index 000000000..ad215cd9d
--- /dev/null
+++ b/icon/vimeo/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-vimeo: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-vimeo fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-vimeo fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-vimeo fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-vimeo fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-vimeo fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-vimeo fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-vimeo
+      <small>
+        <i class="fa fa-vimeo"></i> &middot;
+        Unicode: <span class="upper">f27d</span> &middot;
+        Created: v4.4 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-vimeo"></i> fa-vimeo
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-vimeo&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/vine/index.html b/icon/vine/index.html
new file mode 100644
index 000000000..590bb7099
--- /dev/null
+++ b/icon/vine/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-vine: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-vine fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-vine fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-vine fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-vine fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-vine fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-vine fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-vine
+      <small>
+        <i class="fa fa-vine"></i> &middot;
+        Unicode: <span class="upper">f1ca</span> &middot;
+        Created: v4.1 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-vine"></i> fa-vine
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-vine&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/vk/index.html b/icon/vk/index.html
new file mode 100644
index 000000000..4cd7f688b
--- /dev/null
+++ b/icon/vk/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-vk: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-vk fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-vk fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-vk fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-vk fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-vk fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-vk fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-vk
+      <small>
+        <i class="fa fa-vk"></i> &middot;
+        Unicode: <span class="upper">f189</span> &middot;
+        Created: v3.2 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-vk"></i> fa-vk
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-vk&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/volume-down/index.html b/icon/volume-down/index.html
new file mode 100644
index 000000000..96399fecf
--- /dev/null
+++ b/icon/volume-down/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-volume-down: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-volume-down fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-volume-down fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-volume-down fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-volume-down fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-volume-down fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-volume-down fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-volume-down
+      <small>
+        <i class="fa fa-volume-down"></i> &middot;
+        Unicode: <span class="upper">f027</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-volume-down"></i> fa-volume-down
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-volume-down&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/volume-off/index.html b/icon/volume-off/index.html
new file mode 100644
index 000000000..9dfde7da7
--- /dev/null
+++ b/icon/volume-off/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-volume-off: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-volume-off fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-volume-off fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-volume-off fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-volume-off fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-volume-off fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-volume-off fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-volume-off
+      <small>
+        <i class="fa fa-volume-off"></i> &middot;
+        Unicode: <span class="upper">f026</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-volume-off"></i> fa-volume-off
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-volume-off&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/volume-up/index.html b/icon/volume-up/index.html
new file mode 100644
index 000000000..130b0432e
--- /dev/null
+++ b/icon/volume-up/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-volume-up: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-volume-up fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-volume-up fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-volume-up fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-volume-up fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-volume-up fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-volume-up fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-volume-up
+      <small>
+        <i class="fa fa-volume-up"></i> &middot;
+        Unicode: <span class="upper">f028</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-volume-up"></i> fa-volume-up
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-volume-up&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/weibo/index.html b/icon/weibo/index.html
new file mode 100644
index 000000000..8add4a439
--- /dev/null
+++ b/icon/weibo/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-weibo: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-weibo fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-weibo fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-weibo fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-weibo fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-weibo fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-weibo fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-weibo
+      <small>
+        <i class="fa fa-weibo"></i> &middot;
+        Unicode: <span class="upper">f18a</span> &middot;
+        Created: v3.2 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-weibo"></i> fa-weibo
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-weibo&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/weixin/index.html b/icon/weixin/index.html
new file mode 100644
index 000000000..d4c354009
--- /dev/null
+++ b/icon/weixin/index.html
@@ -0,0 +1,254 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-weixin: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-weixin fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-weixin fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-weixin fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-weixin fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-weixin fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-weixin fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-weixin
+      <small>
+        <i class="fa fa-weixin"></i> &middot;
+        Unicode: <span class="upper">f1d7</span> &middot;
+        Created: v4.1 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-wechat
+          
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-weixin"></i> fa-weixin
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-weixin&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/whatsapp/index.html b/icon/whatsapp/index.html
new file mode 100644
index 000000000..f24f9bdc4
--- /dev/null
+++ b/icon/whatsapp/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-whatsapp: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-whatsapp fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-whatsapp fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-whatsapp fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-whatsapp fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-whatsapp fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-whatsapp fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-whatsapp
+      <small>
+        <i class="fa fa-whatsapp"></i> &middot;
+        Unicode: <span class="upper">f232</span> &middot;
+        Created: v4.3 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-whatsapp"></i> fa-whatsapp
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-whatsapp&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/wheelchair/index.html b/icon/wheelchair/index.html
new file mode 100644
index 000000000..a5c5ad64e
--- /dev/null
+++ b/icon/wheelchair/index.html
@@ -0,0 +1,253 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-wheelchair: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-wheelchair fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-wheelchair fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-wheelchair fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-wheelchair fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-wheelchair fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-wheelchair fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-wheelchair
+      <small>
+        <i class="fa fa-wheelchair"></i> &middot;
+        Unicode: <span class="upper">f193</span> &middot;
+        Created: v4.0 &middot;
+        Categories:
+        
+          Web Application Icons,
+        
+          Medical Icons,
+        
+          Transportation Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-wheelchair"></i> fa-wheelchair
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-wheelchair&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/wifi/index.html b/icon/wifi/index.html
new file mode 100644
index 000000000..5227a0940
--- /dev/null
+++ b/icon/wifi/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-wifi: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-wifi fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-wifi fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-wifi fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-wifi fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-wifi fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-wifi fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-wifi
+      <small>
+        <i class="fa fa-wifi"></i> &middot;
+        Unicode: <span class="upper">f1eb</span> &middot;
+        Created: v4.2 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-wifi"></i> fa-wifi
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-wifi&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/wikipedia-w/index.html b/icon/wikipedia-w/index.html
new file mode 100644
index 000000000..60f8b79e2
--- /dev/null
+++ b/icon/wikipedia-w/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-wikipedia-w: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-wikipedia-w fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-wikipedia-w fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-wikipedia-w fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-wikipedia-w fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-wikipedia-w fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-wikipedia-w fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-wikipedia-w
+      <small>
+        <i class="fa fa-wikipedia-w"></i> &middot;
+        Unicode: <span class="upper">f266</span> &middot;
+        Created: v4.4 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-wikipedia-w"></i> fa-wikipedia-w
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-wikipedia-w&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/windows/index.html b/icon/windows/index.html
new file mode 100644
index 000000000..0b89e841b
--- /dev/null
+++ b/icon/windows/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-windows: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-windows fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-windows fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-windows fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-windows fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-windows fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-windows fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-windows
+      <small>
+        <i class="fa fa-windows"></i> &middot;
+        Unicode: <span class="upper">f17a</span> &middot;
+        Created: v3.2 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-windows"></i> fa-windows
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-windows&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/wordpress/index.html b/icon/wordpress/index.html
new file mode 100644
index 000000000..7f548cd89
--- /dev/null
+++ b/icon/wordpress/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-wordpress: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-wordpress fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-wordpress fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-wordpress fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-wordpress fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-wordpress fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-wordpress fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-wordpress
+      <small>
+        <i class="fa fa-wordpress"></i> &middot;
+        Unicode: <span class="upper">f19a</span> &middot;
+        Created: v4.1 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-wordpress"></i> fa-wordpress
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-wordpress&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/wrench/index.html b/icon/wrench/index.html
new file mode 100644
index 000000000..36e56203b
--- /dev/null
+++ b/icon/wrench/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-wrench: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-wrench fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-wrench fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-wrench fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-wrench fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-wrench fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-wrench fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-wrench
+      <small>
+        <i class="fa fa-wrench"></i> &middot;
+        Unicode: <span class="upper">f0ad</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-wrench"></i> fa-wrench
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-wrench&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/xing-square/index.html b/icon/xing-square/index.html
new file mode 100644
index 000000000..c05b09146
--- /dev/null
+++ b/icon/xing-square/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-xing-square: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-xing-square fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-xing-square fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-xing-square fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-xing-square fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-xing-square fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-xing-square fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-xing-square
+      <small>
+        <i class="fa fa-xing-square"></i> &middot;
+        Unicode: <span class="upper">f169</span> &middot;
+        Created: v3.2 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-xing-square"></i> fa-xing-square
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-xing-square&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/xing/index.html b/icon/xing/index.html
new file mode 100644
index 000000000..4e5669c42
--- /dev/null
+++ b/icon/xing/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-xing: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-xing fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-xing fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-xing fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-xing fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-xing fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-xing fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-xing
+      <small>
+        <i class="fa fa-xing"></i> &middot;
+        Unicode: <span class="upper">f168</span> &middot;
+        Created: v3.2 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-xing"></i> fa-xing
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-xing&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/y-combinator/index.html b/icon/y-combinator/index.html
new file mode 100644
index 000000000..cf5701cb8
--- /dev/null
+++ b/icon/y-combinator/index.html
@@ -0,0 +1,254 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-y-combinator: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-y-combinator fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-y-combinator fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-y-combinator fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-y-combinator fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-y-combinator fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-y-combinator fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-y-combinator
+      <small>
+        <i class="fa fa-y-combinator"></i> &middot;
+        Unicode: <span class="upper">f23b</span> &middot;
+        Created: v4.4 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-yc
+          
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-y-combinator"></i> fa-y-combinator
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-y-combinator&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/yahoo/index.html b/icon/yahoo/index.html
new file mode 100644
index 000000000..8278d74a1
--- /dev/null
+++ b/icon/yahoo/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-yahoo: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-yahoo fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-yahoo fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-yahoo fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-yahoo fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-yahoo fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-yahoo fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-yahoo
+      <small>
+        <i class="fa fa-yahoo"></i> &middot;
+        Unicode: <span class="upper">f19e</span> &middot;
+        Created: v4.1 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-yahoo"></i> fa-yahoo
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-yahoo&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/yelp/index.html b/icon/yelp/index.html
new file mode 100644
index 000000000..06d06a2a1
--- /dev/null
+++ b/icon/yelp/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-yelp: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-yelp fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-yelp fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-yelp fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-yelp fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-yelp fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-yelp fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-yelp
+      <small>
+        <i class="fa fa-yelp"></i> &middot;
+        Unicode: <span class="upper">f1e9</span> &middot;
+        Created: v4.2 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-yelp"></i> fa-yelp
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-yelp&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/youtube-play/index.html b/icon/youtube-play/index.html
new file mode 100644
index 000000000..23e6d3b86
--- /dev/null
+++ b/icon/youtube-play/index.html
@@ -0,0 +1,251 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-youtube-play: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-youtube-play fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-youtube-play fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-youtube-play fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-youtube-play fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-youtube-play fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-youtube-play fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-youtube-play
+      <small>
+        <i class="fa fa-youtube-play"></i> &middot;
+        Unicode: <span class="upper">f16a</span> &middot;
+        Created: v3.2 &middot;
+        Categories:
+        
+          Brand Icons,
+        
+          Video Player Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-youtube-play"></i> fa-youtube-play
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-youtube-play&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/youtube-square/index.html b/icon/youtube-square/index.html
new file mode 100644
index 000000000..80637a654
--- /dev/null
+++ b/icon/youtube-square/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-youtube-square: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-youtube-square fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-youtube-square fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-youtube-square fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-youtube-square fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-youtube-square fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-youtube-square fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-youtube-square
+      <small>
+        <i class="fa fa-youtube-square"></i> &middot;
+        Unicode: <span class="upper">f166</span> &middot;
+        Created: v3.2 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-youtube-square"></i> fa-youtube-square
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-youtube-square&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>
diff --git a/icon/youtube/index.html b/icon/youtube/index.html
new file mode 100644
index 000000000..3b3352504
--- /dev/null
+++ b/icon/youtube/index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Font Awesome, the iconic font and CSS framework">
+  <meta name="author" content="Dave Gandy">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>fa-youtube: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script src="https://use.fonticons.com/ffe176a3.js"></script>
+
+  <script>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script');
+      ga.src = 'https://www.google-analytics.com/ga.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+  <script>
+    (function(){
+      var bsa = document.createElement('script');
+      bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+      var s = document.scripts[0];
+      s.parentNode.insertBefore(bsa, s);
+    })();
+  </script>
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="navbar navbar-org navbar-static-top">
+  <div class="container">
+    <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
+          <i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp;
+          Fort Awesome
+        </a>
+      </li>
+      <li class="active">
+        <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>&amp; CSS toolkit">
+          <i class="fas fas-flag-logo"></i>&nbsp;
+          Font Awesome</a>
+      </li>
+    </ul>
+    <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <i class="fa fa-bars fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i>&nbsp; New Icons in 4.5</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i>&nbsp; Hand Icons</a></li>
+            <li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
+            <li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i>&nbsp; Gender Icons</a></li>
+            <li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
+            <li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i>&nbsp; Payment Icons</a></li>
+            <li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i>&nbsp; Chart Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li><a href="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#basic">Basic Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#animated">Animated Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+    <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-youtube fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-youtube fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-youtube fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-youtube fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-youtube fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-youtube fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-youtube
+      <small>
+        <i class="fa fa-youtube"></i> &middot;
+        Unicode: <span class="upper">f167</span> &middot;
+        Created: v3.2 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-youtube"></i> fa-youtube
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-youtube&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&amp;serve=C6SDP2Y&amp;placement=fontawesome" id="_fusionads_js"></script>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+
+  </div>
+  <footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
+      <a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
+        <img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
+      </a>
+      <a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
+         onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
+        <img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
+      </a>
+    </div>
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.5.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
+      <a href="../../3.2.1">Old 3.2.1 Docs</a>
+    </div>
+  </div>
+</footer>
+
+
+  <script src="https://platform.twitter.com/widgets.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
+  <script src="../../assets/js/site.js"></script>
+  <script src="../../assets/js/search.js"></script>
+  </body>
+</html>